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

ember-basic-dropdown-wormhole hidden behind

未关闭
#725 4 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
JavaScript
星标
879
派生
327
PR 合并指标
30 天内没有已合并 PR

描述

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)

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。