Skip to content
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

feat: add readonly property to checkbox and checkbox-group #7199

Merged
merged 8 commits into from
Apr 10, 2024

Conversation

web-padawan
Copy link
Member

@web-padawan web-padawan commented Mar 12, 2024

Description

Fixes #688

Type of change

  • Feature

Note

According to HTML test cases and my tests, aria-readonly isn't supported by VoiceOver (NVDA and JAWS work).

@web-padawan web-padawan force-pushed the feat/checkbox-readonly-state branch 2 times, most recently from 1f64d90 to 8941cdd Compare March 12, 2024 12:32
@web-padawan web-padawan changed the title [WIP] feat: add readonly property to checkbox feat: add readonly property to checkbox and checkbox-group Mar 12, 2024
@web-padawan web-padawan requested a review from vursen March 26, 2024 13:25
@web-padawan web-padawan marked this pull request as ready for review March 26, 2024 13:25
Copy link
Contributor

@rolfsmeds rolfsmeds left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Checked box bg color (see line comment)
  • Optional border set with --vaadin-input-field-border-width should be suppressed in readonly (otherwise there'll be two borders on top of each other)
  • Unchecked label text color should deafult to --lumo-secondary-text-color

Otherwise looks good!

packages/checkbox/theme/lumo/vaadin-checkbox-styles.js Outdated Show resolved Hide resolved
@web-padawan
Copy link
Member Author

Optional border set with --vaadin-input-field-border-width should be suppressed in readonly

Done.

Unchecked label text color should deafult to --lumo-secondary-text-color

Done.

Copy link
Contributor

@rolfsmeds rolfsmeds left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@web-padawan web-padawan removed the request for review from vursen April 2, 2024 06:46
@sissbruecker sissbruecker self-requested a review April 2, 2024 07:58
Copy link
Member Author

@web-padawan web-padawan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Waiting for 24.4 to be branched out and main updated to 24.5 before merging.

Copy link

sonarcloud bot commented Apr 2, 2024

Quality Gate Passed Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

@web-padawan
Copy link
Member Author

UPD: as agreed internally, this change is OK to include to 24.4 so I'll merge this PR.

@web-padawan web-padawan merged commit 40488c1 into main Apr 10, 2024
9 checks passed
@web-padawan web-padawan deleted the feat/checkbox-readonly-state branch April 10, 2024 08:48
@vaadin-bot
Copy link
Collaborator

This ticket/PR has been released with Vaadin 24.4.0.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[checkbox] Add readonly state to checkbox and checkbox-group
4 participants