[Select] Basic select demo flickers when opened
See original GitHub issueDuplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Current behavior 😯
When I open the Selector, it renders twice.
OS: iOS 15.4.1 Browser: chrome version 99.0.4844.59
Expected behavior 🤔
No rendering problems should occur.
Steps to reproduce 🕹
Occurs whenever the Selector component is opened under the applicable conditions.
Context 🔦
The rendering problem must be solved to eliminate the sense of discomfort.
Your environment 🌎
`npx @mui/envinfo`
System: OS: macOS 11.5.2 Binaries: Node: 16.13.0 - /usr/local/bin/node Yarn: 1.22.17 - /opt/homebrew/bin/yarn npm: 8.3.2 - /opt/homebrew/bin/npm Browsers: Chrome: 100.0.4896.75 Edge: Not Found Firefox: Not Found Safari: 14.1.2 npmPackages: @emotion/react: 11.8.2 => 11.8.2 @emotion/styled: 11.8.1 => 11.8.1 @mui/base: 5.0.0-alpha.74 @mui/icons-material: 5.5.1 => 5.5.1 @mui/material: 5.5.3 => 5.5.3 @mui/private-theming: 5.5.3 @mui/styled-engine: 5.5.2 @mui/system: 5.5.3 @mui/types: 7.1.3 @mui/utils: 5.5.3 @types/react: 17.0.43 => 17.0.43 react: 17.0.2 => 17.0.2 react-dom: 17.0.2 => 17.0.2 typescript: 4.6.3 => 4.6.3*The event is occurring in the Chrome browser on the iPhoneXR.
Issue Analytics
- State:
- Created a year ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
JavaScript dropdown menu flickers when moused over quickly
The simple solution is to just use CSS and have the menu open as you hover over it. There's an example at w3schools...
Read more >How to Fix Screen Flickering or Tearing while Playing Games ...
How to Fix Screen Flickering or Tearing while Playing Games In Windows 10 [Tutorial]Screen tearing means that the display hardware is ...
Read more >How to Fix Screen Flickering and Flashing on Windows 10 ...
To do this, open Task Manager by pressing Ctrl + Shift + Esc simultaneously. Alternatively, on Windows 10 you can right-click your taskbar...
Read more >Possible IE Bug - Multi-Select drop-down Flicker - Telerik
In IE, the drop-down list upon a mouse-click flickers real fast , as if the drop-down window is opening and closing almost instantly, ......
Read more >Can't use drop down menus, screen title bars flicker and I
Step 1: Open an Administrator command window by. Right click on the taskbar and select task manager. Click on More details located at...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I’m seeing this flickering behavior on iOS & Mac Safari for Menu and Tooltip
It doesn’t happen if using TransitionComponent={Fade}
There also seems to be issues with mousing over the menu items- the highlights are not being removed on previously mouse over items.
Material UI v4.12.3
MacOS: 12.3.1 (Monterey) Browser: Safari 15.4
Device: iPhone X OS: iOS 15.4.1 Browser: Safari
@michaldudak, the workaround for #31380 specifically targeted Safari browser. But apparently I overlooked the fact that Apple requires all 3rd-party iOS browsers to use WebKit, so all of them are affected by the same WebKit bug.
Here is a screen recording of this bug in iOS Chrome 100.0.4896.77:
https://user-images.githubusercontent.com/64441155/162477976-96251ebd-387a-40ab-9a2f-d287e555ba66.mov
Similarly to #32167 those browsers are not captured by Safari user agent regex since they are using their own user agent strings. I will look into this and will propose a solution shortly.