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

.lui_radio + .lui_check wont show "must fill" warnings when "required" #8

Closed
wUFr opened this issue Sep 21, 2016 · 2 comments
Closed
Assignees

Comments

@wUFr
Copy link
Contributor

wUFr commented Sep 21, 2016

Browsers wont render warning message for "required" inputs unless they are actually rendered

input must be "visible" and "display"-ed

TODO: fake radio/check over default input or maybe overflow:hidden + default check somewhere under custom one

Tested in Chrome (warning will flash and hide), Edge wont show anything

someone should kick these browser devs in buts.

@wUFr wUFr added the bug label Sep 21, 2016
@wUFr wUFr self-assigned this Sep 21, 2016
@wUFr
Copy link
Contributor Author

wUFr commented Sep 21, 2016

working "what the fuck" solution: make input 1x1px and hide it behind FontAwesome icon

input {
    display: inline-block;
    position: absolute;
    top: 22px;
    left: 7px;

    width: 1px;
    height: 1px;
    border: 0;
    outline: none;
    background-color: transparent !important;
    opacity: 0.1;
}

@wUFr
Copy link
Contributor Author

wUFr commented Sep 21, 2016

fixed in 31d48cf

@wUFr wUFr closed this as completed Sep 21, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant