-
Notifications
You must be signed in to change notification settings - Fork 84
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(pager): fix bottom margin of number input when inside a form #5676
Conversation
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit 242d29c:
|
Ensure the "current page" input field of Pager always has margin-bottom 0, even when inside a form. fix #5650
a53613c
to
242d29c
Compare
Test summaryRun details
View run in Cypress Dashboard ➡️ This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard |
🎉 This PR is included in version 111.13.2 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Link component was used as a button currenly does not supply the button with a type. This has caused a bug when `Pager` is used in a `Form`. The bug was causing the `onPrevious` callback function in `Pager` to be called in an onClick event when the enter key pressed. fixes #5676
### [117.7.1](v117.7.0...v117.7.1) (2023-04-20) ### Bug Fixes * **link:** ensure button has a type when used ([065c206](065c206)), closes [#5676](#5676)
🎉 This issue has been resolved in version 117.7.1 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Ensure the "current page" input field of Pager always has margin-bottom 0, even when inside a form.
Note - this is a fix for the change already merged from this PR, which doesn't always work due to CSS rules having the same specificity. This PR increases the specificity of the
margin-bottom: 0
in Pager and adds a Cypress test to ensure the correct CSS is applies in the browser.fix #5650 (properly this time!)
Proposed behaviour
Current behaviour
Checklist
d.ts
file added or updated if requiredQA
Additional context
Testing instructions
The following CodeSandbox is an example of the broken behaviour.
You can see the new behaviour by looking at the version in the comment by
codesandbox[bot]
.