Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix fieldset legend text clipping when using a custom or fallback font #1548

Merged
merged 2 commits into from
Sep 3, 2019

Conversation

NickColley
Copy link
Contributor

@NickColley NickColley commented Sep 2, 2019

This hack was only required when we had hint text in the legends, which we no longer recommend.

I found this one hard to test since I could not reproduce the original issue, this was my approach:

I have tested the Labels, legends and headings example page cross browser, and it seems to be good:

https://www.browserstack.com/screenshots/a1c3019648921af4ae59eb1a0a100a1570104b82

I've also checked the document.body.clientHeight before and after in Safari (webkit) and they're the same, which suggests no layout has changed.

Fixes #1239

This hack was only required when we had hint text in the legends, which we no longer recommend.
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-1548 September 2, 2019 15:57 Inactive
@NickColley NickColley marked this pull request as ready for review September 2, 2019 16:12
@NickColley NickColley changed the title Fix text from clipping legends with custom fonts Fix fieldset legend text clipping when using a custom or fallback font Sep 2, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

Successfully merging this pull request may close these issues.

Fieldset legend text can be clipped when using a custom or fallback font
3 participants