Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

css.properties.justify-content - right does not work on (mobile) safari #15915

Closed
ego-lay-atman-bay opened this issue Apr 20, 2022 · 7 comments
Closed
Labels
data:css 🎨 Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS

Comments

@ego-lay-atman-bay
Copy link

What information was incorrect, unhelpful, or incomplete?

It said that justify-content: right; works on mobile safari, which while I was making my website, I found out that right does not work.

What did you expect to see?

I expected to see the elements on the right.

Did you test this? If so, how?

while I was making my website. I also went to the docs, and tested it out on mobile.

MDN page report details
@queengooborg queengooborg added the data:css 🎨 Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS label Apr 20, 2022
@lukewarlow
Copy link
Contributor

lukewarlow commented Apr 20, 2022

I've just tested this myself and it appears to be working fine for me (I only tested the top demo not the bottom one). Could you confirm which version of iOS you're testing with? And perhaps screenshot the behaviour you experience.

@ego-lay-atman-bay
Copy link
Author

ego-lay-atman-bay commented Apr 21, 2022

I've just tested this myself and it appears to be working fine for me. Could you confirm which version of iOS you're testing with? And perhaps screenshot the behaviour you experience.

I am using ios 15.3.1, on ipad. Here's a screenshort
679F6D23-67A9-48FD-8079-B6094AD0F529

But this works (as well as end)
A07CF0CA-D8A3-453B-B6DD-F672D43319D6

@lukewarlow
Copy link
Contributor

lukewarlow commented Apr 22, 2022

I've tested on iOS 15.4 and 15.5 and both demos works.

On iOS 14.5 only the first one works so I'm assuming before iOS 15.4 it didn't work with display flex but did with display grid. (The difference between the two demos is the display property)

@lukewarlow
Copy link
Contributor

The data for justify content has a weird split where the values are all under flex but not grid so idk what the correct fix in the data is.

@ego-lay-atman-bay
Copy link
Author

I did find that flex-end does indeed work, so I'm using that instead.

@debiru
Copy link
Contributor

debiru commented May 10, 2022

I got here after noticing an error in the BCD table for left / right values in the flex context.

The fix in #4604 incorrectly recorded the start / end / left / right support status. The start / end values have since been fixed in #12602.

I have not been able to verify the support status in Safari 15.4 and 15.5 and I have not been able to create a Pull-Req to fix the latest tables. However, I have confirmed that at least Safari 15.3 does not support left / right values.

The "left" and "right" values in the flex context must be modified in the BCD table.

@queengooborg
Copy link
Collaborator

I have not been able to confirm a lack of support in Safari on my iPhone or my iPad. I have also been able to confirm that Safari 15.2 and 15.3 on iPhone have support using BrowserStack.

@queengooborg queengooborg closed this as not planned Won't fix, can't repro, duplicate, stale Aug 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data:css 🎨 Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS
Projects
None yet
Development

No branches or pull requests

4 participants