-
-
Notifications
You must be signed in to change notification settings - Fork 32.4k
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
[List] Fix w3c issues #10050
[List] Fix w3c issues #10050
Conversation
e15a586
to
335d4d6
Compare
1b64909
to
6570fde
Compare
6570fde
to
7998fc6
Compare
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.
Great work! Just a few minor nit-picks.
@@ -8,8 +8,14 @@ components: Divider | |||
|
|||
## List Dividers | |||
|
|||
The divider renders as a `<hr>` by default. | |||
You can save this DOM element by using the `divider` property on the `ListItem` component. |
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.
"save rendering this DOM element"
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.
You could perhaps add an example of that to the List demos (or revise an existing one), and link to it from here.
{{"demo": "pages/demos/dividers/ListDividers.js"}} | ||
|
||
## Inset Dividers | ||
|
||
The following example demonstrates the `inset` property. | ||
We need to make sure the `Divider` is rendered as a `li` to match the HTML5 specification. |
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.
Perhaps add: "The example shows two ways of achieving this."
src/ButtonBase/ButtonBase.js
Outdated
// Don't automatically add the role="button" property on these components. | ||
// It's invalid HTML syntax. | ||
const INVALID_COMPONENT_ROLE = ['a']; | ||
|
||
/** | ||
* `ButtonBase` contains as few styles as possible. | ||
* It aims to be a building block for people who want to create a simple button. |
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.
"It aims to be a building block for creating a simple button."
7998fc6
to
3e853b3
Compare
I have fixed a lot of errors π :
Error: Element βhrβ not allowed as child of element βulβ in this context.
Reason: hr is used as a direct chid of ul (I am not 100% sure if this is in component source or demo/docs only)
Error: Bad value βbuttonβ for attribute βroleβ on element βliβ
Reason: May be demo error only.
It's tricky to get this right. it's related to #9867