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
  • Merge requests
  • !33610

Toasts: Change showing timings and classes to keep toast `display:none` by default

  • Review changes

  • Download
  • Email patches
  • Plain diff
Merged GeoSot requested to merge gs-fix-toast-hide-issue into main Apr 11, 2021
  • Overview 18
  • Commits 1
  • Pipelines 0
  • Changes 3

Background:

Toast Component uses hide to force it get a display: none. This causes some strange attitude on initialized components that doesn't have show class, as ti overlaps page content cause of given opacity. We have also the hide class to use in order to keep the component hidden.

Solution:

We can borrow the Collapse component functionality, and by changing some class timings, we can avoid hide

Fixes #28752 (closed)

Preview: https://deploy-preview-33610--twbs-bootstrap.netlify.app/docs/5.0/components/toasts/

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: gs-fix-toast-hide-issue