Angular ui-bootstrap popover文本溢出使用safari

时间:2015-03-11 19:18:45

标签: angularjs safari angular-ui-bootstrap popover

在Safari浏览器上存在文本溢出ui-bootstrap的弹出窗口的问题。问题最初出现在iPhone的窄屏幕上,但也出现在运行Safari 5.1.7的Windows7上。当弹出窗口出现在窗口外时,水平滚动条可以查看元素,但是文本超出了弹出框。 Chrome或Firefox都不会出现此问题。见Plunker

<button popover-placement="right" popover="On the Right blah blah blah blah blah blah" class="btn btn-default">button</button>

通常情况下,我不会在右边的元素上放置一个正确的弹出框,但同样,这准确地描绘了我在iPhone上看到的问题,其屏幕很窄。它似乎也没有在后来的angular和ui-bootstrap版本中得到解决。想知道是否有任何工作不能重新排列我的ui。

1 个答案:

答案 0 :(得分:0)

这样的事情?

plunker

.popover.right {
width: 100%;
}

我在chrome和safari上测试过......看起来很好......只需要一个小的CSS调整