[Webkit-unassigned] [Bug 194342] New: MaterialUI TextField + Dialog + resized Safari window results in DOM elements hiding when they shouldn't

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=194342

            Bug ID: 194342
           Summary: MaterialUI TextField + Dialog + resized Safari window
                    results in DOM elements hiding when they shouldn't
           Product: WebKit
           Version: Safari 12
          Hardware: Macintosh
                OS: macOS 10.14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: bmueller.sykes at gmail.com

I opened a ticket for this over at Material UI's GitHub page here (including screen captures of the problem):

https://github.com/mui-org/material-ui/issues/14411

...and produced a Codesandbox here:

https://8222owpkq9.codesandbox.io

The problem is that when Material UI TextField (React) components are within a Material UI Dialog component, when the browser is shrunk vertically, elements that are *not* TextField components (e.g. just generic divs or whatever) are partially or entirely obscured by...something. Looking at the web inspector, at the moment when the items disappear, I don't see any updates to the inspector indicating CSS or DOM elements have been added or removed. It might well be some sort of z-index issue, but I can't pin it down. It does not appear to be the case that the disappearing items move to the left or right

The Material UI maintainers weren't willing or able to help, in part because this problem is not replicable all of the time. In limited testing in my office, we reproduced it on about 75% of machines running Safari. Of course the Material UI maintainers were not able to reproduce it, so they couldn't track it down.

I think this is a relatively recent issue, because it's prominent enough, and enough of my team uses Safari in development, that I think we would have noticed it before now.

Thanks in advance!

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20190206/fd3fb334/attachment-0001.html>