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 NumberInput prefix and suffix #167

Open
charliepnnl opened this issue Aug 31, 2023 · 0 comments · May be fixed by #169
Open

Fix NumberInput prefix and suffix #167

charliepnnl opened this issue Aug 31, 2023 · 0 comments · May be fixed by #169
Assignees

Comments

@charliepnnl
Copy link
Contributor

The NumberInput component has properties prefix and suffix. When present, the component uses an InputGroup (https://getbootstrap.com/docs/5.0/forms/input-group/) to display the text at the front and end of the input box, respectively. Unfortunately, combining the InputGroup with a floating label messes up the styling as seen in the screenshot below.
Screen Shot 2023-08-30 at 5 02 20 PM

Most commonly, we will want to use a suffix to display the expected units.
The challenge is to fix the styling.

@charliepnnl charliepnnl added this to the Offline Release milestone Aug 31, 2023
@RaeChen07 RaeChen07 self-assigned this Sep 8, 2023
@RaeChen07 RaeChen07 linked a pull request Sep 8, 2023 that will close this issue
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 a pull request may close this issue.

2 participants