Comments (7)
LiddleDev
commented on July 21, 2024
10
I have just came across this bug also. Adding flex-shrink: 0 has fixed it for me in the meantime
from flexbugs.
adamscybot
commented on July 21, 2024
3
Its still broken in Safari 14.0.1.
from flexbugs.
kevinsimper
commented on July 21, 2024
2
I was quite amazed to find out this bug appear in Safari, but work in Chrome and Firefox.
@LiddleDev Thank you 👍
@philipwalton Have you seen this error?
I made a small codepen that reproduces it:
https://codepen.io/kevinsimper/pen/qBEOMVx
from flexbugs.
silverwind
commented on July 21, 2024
2
Also seems to work in Safari 15.1:
from flexbugs.
Scarg
commented on July 21, 2024
I agree, on Safari (Desktop, Mobile and especially Webview) the issue is still exactly the same as the one described in #241.
from flexbugs.
silverwind
commented on July 21, 2024
Still unfixed as of Safari 13.0.2.
from flexbugs.
adam-thomas-privitar
commented on July 21, 2024
It looks like its fixed in Safari 14.1.1.
from flexbugs.
Related Issues (20)
- ie nested flexbox with wrap overflow bug
- inline block content in a flex container not displaced
- #4 more accurate description HOT 1
- 'Flex-direction: column' in IE11 interacts badly with 'display: table'
- `flex: 1 1 0%` is different from flex: `1 1 0px` HOT 2
- Confusing issue template HOT 6
- IE11: align-items calculate baseline as bottom of table inside flex item
- .
- iOS Safari: align-items calculates baseline as bottom of input element HOT 4
- webkit not honouring flex-basis percentage width with images HOT 1
- CodePen does NOT support Internet Explorer 11 (IE11) HOT 14
- Addition to Flexbug #9: IE11 <tr> Element (Table Row) does not Support Flexbox
- The codepens for 12.1a and 12.1b have the same code HOT 3
- flex button child height not accepting 100 percent HOT 1
- Need code review and want to understand my hack about height=0px HOT 1
- column flex: wrong width on automatically resized img
- Align-self:center contents overflow combined with a parent's flex-direction:column
- Cant understand this issues
- Flexbug #12 (Inline elements not treated as flex-items) affected Safari 8, fixed in 9
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flexbugs.