Metadata
- Source
- C2LC-525
- Type
- Bug
- Priority
- N/A
- Status
- To Do
- Resolution
- N/A
- Assignee
- N/A
- Reporter
- Michelle D'Souza
- Created
2021-10-13T17:08:18.396-0400 - Updated
2024-04-30T11:44:07.423-0400 - Versions
- N/A
- Fixed Versions
- N/A
- Component
-
- Coding Environment
Description
Safari on iOS seems to not support column-gap/row-gap if display type is not grid. Currently, the footer's display is set to flex, and it's changed to grid, it is fixed.
Few other places in Weavly, where we used either column-gap or row-gap with display: flex, and as you can see in the screenshot, the title image and the heading doesn't have any gap in between, as well as the selection radio button and the labels.
Issue is visible on iPadOS 14.4
Doesn't seem to be an issue on iPadOS 15.
Could be, although it looks like it should have been supported. Or maybe it was something about the particular usage or other property. https://caniuse.com/?search=column-gap
https://caniuse.com/?search=row-gap
Comments
-
Simon Bates commented
2024-04-30T11:44:07.233-0400 Moved to GitHub: https://github.com/codelearncreate/c2lc-coding-environment/issues/497