Summary: | Changing text alignment can leave artifacts on fonts that spill outside of the bounding box | ||||||||
---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Steve <steve> | ||||||
Component: | Text | Assignee: | Nobody <webkit-unassigned> | ||||||
Status: | RESOLVED DUPLICATE | ||||||||
Severity: | Normal | CC: | jonlee, mmaxfield | ||||||
Priority: | P2 | ||||||||
Version: | Safari 10 | ||||||||
Hardware: | All | ||||||||
OS: | All | ||||||||
Attachments: |
|
Created attachment 306969 [details]
Screenshot demonstrating the artifact
|
Created attachment 306968 [details] Repro.html It seems that the parts of a glyph that spills outside of the bounding box of an element isn't getting cleaned up when the text alignment is changed. Steps to reproduce: 1. Open the attached Repro.html file 2. Click the Toggle Alignment button 3. Notice the artifact that remains where the bottom of the J used to be Reproduced on the following environments: - Safari Version 10.0.1 (11602.2.14.0.7) on a Macbook Pro - Safari on iPad Air with iOS 9.0 - Safari on iPad Air with iOS 9.3.2 - Safari on iPad Air with iOS 10.3.2 Unable to reproduce on: - Google Chrome Version 57.0.2987.133 (64-bit) on a Macbook Pro - Firefox 52.0.2 (64-bit) on Macbook Pro