react-components

react-components copied to clipboard

`Modal`/`ConfirmationModal`: Maintain focus

1

I have a `ConfirmationModal` or `Modal` with children - `Input` and `TextArea` components. When I focus into the text area and begin to type, there's some sort of re-render, the...

Dampolo03

Release notes don't mention all released PRs

4

It seems that release notes on GH only list a single merged PR, not everything that is part of the release. For example release 0.50.6: https://github.com/canonical/react-components/releases/tag/v0.50.6 It included at least:...

bartaz

Input checkbox is not configured to handle controls

2

Input is not configured to handle controls. This is important as the example with the `help` prop is missing. https://canonical-web-and-design.github.io/react-components/?path=/story/input--checkbox  Related issue: https://github.com/canonical-web-and-design/react-components/issues/748

petermakowski

`ContextualMenu`: outside click should be ignored if there is a modal open

3

When the `closeOnOutsideClick` prop of the `ContextualMenu` is `true`, it should be explicitly checked that there is no modal open before closing the contextual menu on outside click. This is...

lorumic

Select: form validation with required attribute

1

When setting the ```required``` attribute on ``````, this attribute is not passed to the `````` element. This results in client-side form validation ignoring the required select field. See also: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required

jw-can

Code examples missing in the docs

2

Many examples in the documentation across different pages don't have a code example, showing "No code available". For instance all component variants in this page https://canonical.github.io/react-components/?path=/docs/confirmationmodal--docs

andesol

Duplicate components: <CheckboxInput /> vs <Input type="checkbox" />

2

Both components look similar, but have different spacing/padding. It can be confusing for developers which one to use where.

aaryanporwal

fix: Confirmation modal can be very narrow #976

1

## Done - Given a minimum width to the confirmation modal so that width doesn't become narrow when there isn't a lot of content. ## Fixes Fixes: #976 . https://github.com/canonical/react-components/assets/90577359/50d41671-a028-4b71-8b90-f7f3e205c738

nadeem-R17

Focus on confirm in ConfirmationModal

1

It would be nice if there was a way to set the focus on the confirm button when opening the modal so that users can press enter to confirm. This...

huwshimi

Ability to have nested tables while using ModularTable

1

It would be great if there was a way to achieve nested tables while using the ModularTable component. One use case that comes to mind is displaying several configuration values...

moisesbenzan