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

No checkbox disabled visual feedback. #368

Open
hickscorp opened this issue Jan 13, 2018 · 1 comment
Open

No checkbox disabled visual feedback. #368

hickscorp opened this issue Jan 13, 2018 · 1 comment

Comments

@hickscorp
Copy link

hickscorp commented Jan 13, 2018

Generally speaking, elm-mld form items (Textfields, buttons etc) allow the user to visually have an indication on whether or not they can interact with them when they are enabled or disabled.

There is something off with the checkbox components, making it impossible to distinguish between an enabled and a disabled checkbox. It's a visual bug only, as clicking a disabled checkbox (when it has Toggles.disabled) doesn't change its state.

I observe the same problem with the Toggle component.

Example of an enabled text field:
image

Example of a disabled text field:
image

Example of an enabled checkbox:
image

Example of a disabled checkbox:
image

@SidneyNemzer
Copy link

I just ran into this myself, it looks like part of the problem is that the is-disabled class needs to be applied to the label. You can "manually" do this for now by passing an Options.cs:

Toggles.checkbox
    Mdl
    index
    model.mdl
    [ Material.Options.cs "is-disabled", Toggles.disabled ]

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

No branches or pull requests

2 participants