Angular ui-bootstrap 使用 safari 的弹出窗口文本溢出

Question

文本在 Safari 浏览器上溢出 ui-bootstrap 的弹出窗口存在问题。该问题最初出现在屏幕较窄的 iPhone 上，但也出现在 Windows7 运行 Safari 5.1.7 上。当弹出窗口出现在 window 之外时，启用水平滚动条以查看元素，但文本会超出弹出框。 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 之外是否有任何解决方法。

Answer 1

是这样的吗？

plunker

.popover.right {
width: 100%;
}

我在 chrome 和 safari 上对其进行了测试...我觉得不错.. 只需要一个小 css 调整

Angular ui-bootstrap 使用 safari 的弹出窗口文本溢出

Angular ui-bootstrap popover text overflow using safari

angularjs

safari

angular-ui-bootstrap

popover