Skip to content

Conversation

umeshiscreative
Copy link
Contributor

What does this PR do?

Fix the bug when using RangeInput in the FormField component.

Where should the reviewer start?

StyledRangeInput.js

What testing has been done on this PR?

Updated the snapshot for this component

How should this be manually tested?

Using storybook via wrapping the RangeInput from the FormField or div

Do Jest tests follow these best practices?

  • screen is used for querying.
  • The correct query is used. (Refer to this list of queries)
  • userEvent is used in place of fireEvent.
  • asFragment() is used for snapshot testing.

Any background context you want to provide?

Yes, the user-agent-stylesheet adds the default margin to this component as the Input type of Range.

What are the relevant issues?

closes #6487

Screenshots (if appropriate)

added in the issue #6487

Do the grommet docs need to be updated?

No

Should this PR be mentioned in the release notes?

No

Is this change backwards compatible or is it a breaking change?

backwards compatible.

Copy link
Collaborator

@jcfilben jcfilben left a comment

Choose a reason for hiding this comment

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

Looks good!

@ericsoderberghp ericsoderberghp merged commit cb76af9 into grommet:master Nov 15, 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.

RangeInput within FormField is off center
3 participants