-
Notifications
You must be signed in to change notification settings - Fork 16
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: WT-1750 Patch DOM ID clashing #918
Conversation
e06fb9b
to
33838dc
Compare
@@ -7,7 +7,7 @@ import { CoinSelector } from '../../CoinSelector/CoinSelector'; | |||
import { CoinSelectorOptionProps } from '../../CoinSelector/CoinSelectorOption'; | |||
|
|||
interface SelectFormProps { | |||
id: string; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this was used for testing -- move it to testId
to prevent DOM id clashing
@@ -9,7 +9,7 @@ import { TextInputForm } from '../TextInputForm/TextInputForm'; | |||
import { CoinSelectorOptionProps } from '../../CoinSelector/CoinSelectorOption'; | |||
|
|||
interface SelectInputProps { | |||
id: string; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this was used for testing -- move it to testId
to prevent DOM id clashing
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice clean up @andrearampin 👍 Just a minor question around the actual use of id
across the Box elements.
packages/checkout/widgets-lib/src/widgets/connect/views/ConnectWallet.tsx
Outdated
Show resolved
Hide resolved
packages/checkout/widgets-lib/src/components/SimpleLayout/SimpleLayout.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice work @andrearampin
Summary
BIOME and Checkout used to have components with the same ID making it not possible for BIOME to correctly target the some DOM elements.
https://immutable.atlassian.net/browse/WT-1750
Screen.Recording.2023-10-03.at.3.22.04.pm.mov
Why the changes
Bug when multiple widgets are rendered on a web page
Things worth calling out
Before submitting the PR, please consider the following:
feat:
,fix:
,chore:
,docs:
, orrefactor:
.