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

Adjust z-index for Bootstrap theme to improve usage in a modal #1420

Open
jelhan opened this issue Nov 25, 2020 · 0 comments
Open

Adjust z-index for Bootstrap theme to improve usage in a modal #1420

jelhan opened this issue Nov 25, 2020 · 0 comments

Comments

@jelhan
Copy link
Contributor

jelhan commented Nov 25, 2020

Ember Boostrap's <BsModal> and Ember Power Select do not play well together due to incompatible z-index. The dropdown content rendered by Ember Power Select is behind the modal unless consumer customizes the z-index manually. That's bad user experience. The issue is discussed here for quiet some time: ember-bootstrap/ember-bootstrap-power-select#7 (comment)

Would you accept a pull request, which changes the z-index used by Ember Power Select to be greater than Bootstrap's $zindex-modal SCSS variable? Adding .power-select-dropdown-content { z-index: $zindex-modal + 10 } to app/styles/ember-power-select/themes/bootstrap.scss and app/styles/ember-power-select/themes/bootstrap.less should be enough.

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

1 participant