Git Product home page Git Product logo

Comments (4)

asyncLiz avatar asyncLiz commented on June 1, 2024 1

I wasn't able to reproduce this in Firefox 123 on macOS 14.3.1. Does it happen outside of the catalog or on https://material-web.dev/components/menu/stories/?

I can't see the visuals with the stack trace posted, can you post a screen recording video?

from material-web.

shadow-identity avatar shadow-identity commented on June 1, 2024

Hey, I also can not reproduce it on FF 123.
On FF 124 it does happen outside of the catalog (I noticed it on my local dev server of my project), it also happens on stories/. I double-checked it with Troubleshoot mode ON, meaning that all the extensions and other stuff are off.
I just reproduced the same problem on <md-*-select>, I attached the recording. You can catch a frame with the problem just after the menu is almost gone.

Screen.Recording.2024-03-11.at.22.43.08.mov

The screenshot of the frame
image

BTW <md-*-select> examples on https://material-web.dev/components/select/#usage seems to be broken in FF 123:

Screen.Recording.2024-03-11.at.22.59.27.mov

from material-web.

asyncLiz avatar asyncLiz commented on June 1, 2024

I'd stick with testing https://material-web.dev/components/select/stories/ since the inline demos may be introducing other problems.

Does it happen in all three menu positioning options in FF 124? If absolute or fixed work, it could be an issue with new popover apis that FF is working on.
Screenshot 2024-03-11 at 3 37 13 PM

from material-web.

shadow-identity avatar shadow-identity commented on June 1, 2024

I tried all three positioning options, the bug is reproducible on all of them on FF 124 (neither is reproducible on FF 123).

BTW the menuPositioning select on FF works only from keyboard. It closes immediately after it is being open on both FF 123 and FF 124.

from material-web.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.