Hairline divider not being rendered in certain conditions.
pupoxtw opened this issue · comments
pupoxtw commented
Description
When using the Hairline divider in Safari for relative low resolution screens, then zoom out, the hairline divider visually disappears.
- Tested on Safari v15.0
- Screen resolution 1920x1080
Reproduction Steps
-
Add any product to the cart.
-
Go tho the checkout page.
-
Zoom out.
-
View the right side
summary
component. -
Zoom out.
-
Observe how the existing
Hairline dividers
some times disappear.
Workaround details
Make sure there's no sub-pixel rendering issue.
Recommendation
- No recommendation
Meta
- TDS component version: @tds/core-hailrine-divider@2.1.0
- Willing to develop solution: No
- High impact: No