Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Dialog appears off-screen on Safari
See original GitHub issueBugs
What MDC-Web Version are you using?
0.7.0
What browser(s) is this bug affecting?
Safari Version 10.0.3 (12602.4.8)
What OS are you using?
macOS 10.12.3 (16D32)
What are the steps to reproduce the bug?
- run the demo server
- go to localhost:8080/dialog.html
- Click
show dialogbutton on the left
What is the expected behavior?
Dialog should appears in the center of the screen
What is the actual behavior?
Dialog left rim appears in the center of the screen and hope dialog is off screen
Any other information you believe would be useful?
It seems like mdc-dialog__surface is using position: absolute; to position itself correctly on vertical direction. However, this seems making Safari cannot correctly measure its metrics and think it occupy zero width within flexbox.
The fix could be changing the style to
position: relative;
bottom: 25%;
It should exactly move the dialog to the same position.
Issue Analytics
- State:
- Created 7 years ago
- Reactions:1
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
This appears to be an issue in Firefox as well.
@yeelan0319 I really think this can be closed, with #415 it works on safari and firefox as well.