Skip to content

Conversation

@mahoneycm
Copy link
Contributor

@mahoneycm mahoneycm commented May 23, 2022

Description

Resolves #4192. When displaying error messages on dropdown menus, the bottom of the text would be cut off. We resolved this by subtracting the added border width from the default padding.

Continued from #4219

Additional information

Before:
image

After:
image

Before you hit Submit, make sure you’ve done whichever of these applies to you:

  • Follow the 18F Front End Coding Style Guide and Accessibility Guide.
  • Run npm test and make sure the tests for the files you have changed have passed.
  • Run your code through HTML_CodeSniffer and make sure it’s error free.
  • Title your pull request using this format: [Website] - [UI component]: Brief statement describing what this pull request solves.

@mahoneycm mahoneycm requested a review from mejiaj May 23, 2022 21:03
@mejiaj
Copy link
Contributor

mejiaj commented Jun 2, 2022

@mahoneycm is this a duplicate of #4751? My mistake, looks to be different.

Copy link
Contributor

@mejiaj mejiaj left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Confirming, the original padding in default $block-input-styles is correctly adjusted.

Thanks Charlie

@thisisdano thisisdano merged commit d6e783c into develop Jun 3, 2022
@thisisdano thisisdano deleted the cm-dropdown-text-3.0 branch June 3, 2022 15:25
@thisisdano thisisdano mentioned this pull request Jun 17, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dropdown text (descenders) get cut off in error state

4 participants