Skip to content

[Bug]: overhanging diacritic mark is clipped horizontally in Thai language #6060

@davecotter

Description

@davecotter

Code of conduct

  • I agree to follow this project's code of conduct.

Impacted component(s)

sp-action-button

Library version

1.9.0

Expected behavior

no clipping of overhanging diacritcal mark on last glyph in button, regardless of font

Actual behavior

clips diacritic, depending on font

Screenshots

Green circle is what it should look like, red circle shows clipping on right edge:
Image

What browsers are you seeing the problem in?

Microsoft Edge, Safari, Chrome, Firefox

How can we reproduce this issue?

repro steps are here:
https://jira.corp.adobe.com/browse/DVAWV-18693

Sample code or abstract reproduction which illustrates the problem

https://stackblitz.com/edit/vitejs-vite-hts3aejq?file=src%2Fmy-element.ts

Severity

SEV 5

Logs taken while reproducing problem

No response

Would you like to track this issue in Jira?

  • Yes, please tell me the ticket number!

Metadata

Metadata

Assignees

No one assigned

    Labels

    Component:Action buttonSEV 5Minor design inconsistency or issue that slightly affects usability or aesthetic. min user impactbugSomething isn't workingtriageAn issue needing triage

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions