[material-ui][Grid] faulty wrapping on firefox if container has non-integer pixel width #42069
Labels
browser: Firefox
component: Grid
The React component.
package: material-ui
Specific to @mui/material
status: waiting for maintainer
These issues haven't been looked at yet by a maintainer
Steps to reproduce
Link to live example: https://codesandbox.io/p/sandbox/mui-bug2-8kcsfp
Steps:
Current behavior
Firefox:
firefox.mp4
Expected behavior
Same as chromium:
chrome.mp4
Context
This only happens when the container has a decimal (non-integer) pixel width. If you remove the width attribute from the container in the demo it works fine.
Your environment
npx @mui/envinfo
System:
OS: macOS 14.4.1
Binaries:
Node: 22.0.0 - /opt/homebrew/bin/node
npm: 10.5.1 - /opt/homebrew/bin/npm
pnpm: Not Found
Browsers:
Chrome: Not Found
Edge: Not Found
Safari: 17.4.1
Additional info:
Firefox - 125.0.3 (64-bit)
Chromium - Version 126.0.6450.0 (Developer Build) (arm64)
Search keywords: grid wrapping firefox
The text was updated successfully, but these errors were encountered: