adopted-ember-addons / adopted-ember-addons/ember-paper

ember-basic-dropdown-wormhole hidden behind

Đang mở
#725 4 bình luận 1 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
JavaScript
Star
879
Fork
327
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

tl;dr the following css property fixes my issue:
```css
#ember-basic-dropdown-wormhole {
z-index: 100;
position: relative;
}
```
but it feels wrong/hacky..? The value `100` is the smallest that resolved the issue.

---

I'm attempting to use `paper-select`:
```hbs
{{#paper-select
disabled=disableModelSelect
label="Model"
options=deviceModels
selected=selectedModel
onChange=(action 'foo') as |thing|}}
{{thing.abbrev}}
{{/paper-select}}
```

However, nothing is appearing on my screen. After trial/error I found that I could partially reveal the menu by removing this css rule from my application:
```css
body > [class="ember-view"] {
height: 100%;
}
```

Here's a quick demo of what that alone yields:
![](https://cl.ly/2R0U020V3l2L/Image%202017-06-06%20at%201.40.52%20AM.png)

You'll notice a chunk is clipped -- that's where `body > [class="ember-view"]` ends and the menu is revealed. But the part that is missing is being clipped because the root ember-view is on top of it. With the css adjustment mentioned at be ginning of this issue I correctly see the following:

![](https://cl.ly/2M333G2k3U1Z/Image%202017-06-06%20at%201.43.30%20AM.png)

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.