question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UiSelect and UiModal

See original GitHub issue

When I have a UiSelect inside my UiModal I have to add this @closed="" otherwise the select will close the modal when selected. Not a big deal but still what I would consider as a bug.

The bigger problem is that the UiSelect is only inside the modal, which means it can’t drop down outside the modals borders. Some tweaking with z-index and or position is needed here.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:8 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
Christilutcommented, Apr 29, 2017

Wanted to report this but then I saw this issue, so here’s the fiddle I made for it: https://jsfiddle.net/pm6o76tw/

0reactions
JosephusPayecommented, Aug 6, 2016

Your workaround is good, as long as you don’t use scrolling modals. I don’t want to add it to the UiModal component since others might be using scrolling modals.

Closing for now.

Read more comments on GitHub >

github_iconTop Results From Across the Web

UISelect within a UIModal overflow issues #375 - GitHub
As the title suggests, my issue is with select drop down items becoming obscured when the control is placed within a modal, an...
Read more >
Angular ui-select is not displaying the list of options when ...
I ran into this (or something similar) with ngDialog. I fixed my problem by adding a ng-hide attribute like so: <ui-select-choices repeat=".
Read more >
UISelect and UIChoice Plan Comparison
This page provides a summary side-by-side comparison of health plan options for benefits-eligible university employees. Use it to inform your health ...
Read more >
UiAlert | Keen UI is a Vue.js UI library with a simple API ...
A lightweight collection of essential UI components written with Vue and inspired by Material Design.
Read more >
components.UiModal - ember-semantic-ui - wecatch
Property Summary ; public. class: String. Class names to apply to the modal ; public. closable: Boolean. Setting to false will not allow...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found