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.

Sign up for GitHub

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

Jump to bottom

不能在使用 position: absolute 定位的元素内正常使用 UiPopover 组件 #260

Closed
nkcjs opened this issue Feb 25, 2017 · 1 comment
Closed

不能在使用 position: absolute 定位的元素内正常使用 UiPopover 组件 #260

nkcjs opened this issue Feb 25, 2017 · 1 comment

Comments

@nkcjs
Copy link

nkcjs commented Feb 25, 2017 •
edited
Loading

在某个容器上使用 position: absolute 定位后，不能在其内部正常使用 UiPopover 组件，下面是一个简单的演示示例：http://jsfiddle.net/vuesify/qx5y6znz/8/embedded/#Result

在组件 UiPopover 内部初始化 tether-drop 时设置 constrainToScrollParent: false 似乎可以解决这个问题，但是又出现新的问题，就是打开的UiPopover被滚动到被滚动到可视区域外时，点击网页任何地方，触发UiPopover组件的元素会被滚动到可视区域内。
@JosephusPaye
Copy link
Owner

This seems to be a problem with Tether: shipshapecode/tether#210.

As a workaround, make sure height or min-height is set on <body> (and <html>).

html,
body {
    height: 100vh;
}

See your updated Fiddle: http://jsfiddle.net/qx5y6znz/9/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@JosephusPaye @nkcjs