Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #30844
Closed
Open
Issue created May 18, 2020 by Administrator@rootContributor

Toast background filter blur rendering issue in Safari

Created by: Katrienvh

Rendering issue toast in safari only visible when there's an image behind the toast.

The background blur is broken at the left side of the toast. When you don't use a header, it's also broken at the top. image

I also found out, that when you remove the box-shadow of the toast, the issues disappears. As a box shadow for a toast is a must in my eyes, this is not a solution.

I made a codepen to as example: https://codepen.io/katrienvh/pen/JjYebmy

  • Operating system and version: macOS Catalina version 10.15.4
  • Browser and version: Safari version 13.1
Assignee
Assign to
Time tracking