| Summary: | Safari: The List is getting miss-aligned and it gets auto-fixed if we try to edit css from dev tool. | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Manoj Kumar <manoj_kumar6> | ||||
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | ahmad.saleem792, bfulgham, cdumez, simon.fraser, webkit-bug-importer, zalan | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 16 | ||||||
| Hardware: | Unspecified | ||||||
| OS: | Unspecified | ||||||
| Attachments: |
|
||||||
Can you share reduced test case and it seems to be 'repaint' because triggering from Web-Dev just fixes it without doing any changes (based on video)? Changing to 'Layout & Rendering' rather than 'Bindings' based on video. Plus @Manoj, you selected 'Safari 16', can you try with Safari 17 and Safari Technology Preview? We have tested it in both 16.5 and 17.0 Safari version and able to replicate this bug. Please provide a test case or URL where we can reproduce this problem. Thanks! |
Created attachment 468121 [details] The List is getting miss-aligned and it gets auto-fixed if we try to edit css from dev tool. We are facing one issue in Safari. We are able to reproduce this issue in 16.5 and 17.0 v. Issue: we are dynamically adding some classes with parent element of the list to divide content into columns. We are using column-count css for this. After applying the css, the disc position of the list item gets miss-aligned and it gets auto-fixed if we try to edit css from dev tool. I have attached a video about the same issue.