-
Notifications
You must be signed in to change notification settings - Fork 13
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
Ihor/ray core/rich dropdown component #252
Conversation
…, change. Placeholders and support of disabled, required, compact and other ray modificators
…roups disable support, related storybook entries
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.
Pls update your PR title to use conventional commits: https://www.conventionalcommits.org/en/v1.0.0/#summary
@@ -0,0 +1,23 @@ | |||
<div className="ray-dropdown"> |
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.
These .html files need to be valid html. These look like JSX, make sure you convert things like className
to class
, and htmlFor
to for
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.
thanks. copy-paste plays bad role
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.
done
Pokemon | ||
</label> | ||
</div> | ||
</div> |
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.
Make sure all HTML is valid (not JSX) and please fix the indentation
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.
done
transition-timing-function: ease-in; | ||
transition-property: height, max-height; | ||
} | ||
&-list { |
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.
delete unused selector
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.
done
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.
There's still Coverage decreased (-4.5%) , could you add more tests? You can view the coveralls report to see which lines need coverage
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.
added more tests
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.
Looks good, but no keyboard navigation support?
docs/components/dropdown.md
Outdated
|
||
| Method | Params | Description | | ||
| -------------------------- | -------------------- | ------------------------------------ | | ||
| `Select.createAll` | `HTMLElement:Object` | create all instances in document | |
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.
should be Dropdown.* here?
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.
Looks good, but no keyboard navigation support?
Yeah we split it out on primary and secondary features. Keyboard nav is secondary. We wan't to merge it to ray to unblock and finish GROW-9590. Btw custom language dropdown at footer of wework.com site which was used as prototype also doesn't have keyboard nav
Dropdown component for ray framework. When default is not enough. Works as wrapper-enchancer for component. Fallback as
.ray-select
if JS is not applied for some reason.https://deploy-preview-252--ray-docs.netlify.com/