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:

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?
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:

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?