Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Modal] "blurring: true" breaks fixed content #6520

Closed
brownsugar opened this issue Aug 3, 2018 · 1 comment
Closed

[Modal] "blurring: true" breaks fixed content #6520

brownsugar opened this issue Aug 3, 2018 · 1 comment

Comments

@brownsugar
Copy link

brownsugar commented Aug 3, 2018

Steps

  1. Open the modal with option "blurring: true".
  2. Close the modal.
  3. All "position: fixed" contents are now broken.

Expected Result

The fixed content should restore fixed state when modal closed.

Actual Result

A weird situation happened.

Version

2.3.1 & 2.3.3

Testcase

Tested in Chrome 68 and Firefox 61, only modal with blurring option cause this bug.

  1. This is official document page with the bug happened.
    https://semantic-ui.com/modules/modal.html#dimmer-variations
    bug1

  2. Another case of my site, the nav bar move to weird position, it should be fixed to top.
    bug2

@jlukic
Copy link
Member

jlukic commented Sep 17, 2018

Using filter will modify the behavior of fixed content, because filter creates a new stacking context.

I've modified modal to remove blurring after hiding modal, however, layout may change while modal is visible.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants