We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Describe the bug If the select is at the bottom of the page, then the drop-down list can “pull” the page down
Expected behavior He must not add height
Screenshots
Desktop:
The text was updated successfully, but these errors were encountered:
Possible Solution: CSS:
.choices__list--dropdown { height: 0; /* added this */ }
JS:
_proto.show = function show() { this.element.classList.add(this.classNames.activeState); this.element.style.height = 'auto' // added this this.element.setAttribute('aria-expanded', 'true'); this.isActive = true; return this; } _proto.hide = function hide() { this.element.classList.remove(this.classNames.activeState); this.element.style.height = '0' // added this this.element.setAttribute('aria-expanded', 'false'); this.isActive = false; return this; };
Sorry, something went wrong.
Another possible solution via only CSS:
.choices__list--dropdown { height: 0; } .choices__list--dropdown.is-active { height: auto; }
44b4326
No branches or pull requests
Describe the bug
If the select is at the bottom of the page, then the drop-down list can “pull” the page down
Expected behavior
He must not add height
Screenshots
Desktop:
The text was updated successfully, but these errors were encountered: