标签: safari10

我有一个引导列,其中包含一个标题div,它是另一个引导行,位于React Web应用程序中.

容器有css:

height: calc(100vh - 14em);
overflow-y: hidden;
padding-left: 0;
padding-right: 0;
display: table;
border-left: thin solid #e6e6e6;

标题行有css:

border: thin solid #e6e6e6;
border-left: 2px solid #e0e0e0;
height: 6em;
margin-left: 0;
margin-right: 0;
display: table-caption;

这在除Safari 10.1之外的每个浏览器中都能很好地工作,当容器列中的其他元素被移动时(通过React状态),它会消失.它在Safari 9中工作,它只在我更新时停止工作.

我已经尝试一次删除一个css属性,并添加"position:relative"以及每个溢出选项,并且没有任何效果.我也试过查找类似的问题(元素只在Safari中消失),到目前为止,这些问题都没有.

但奇怪的是,如果我在浏览器中更改任何css属性,就像我删除"height:6em"然后将其放回去一样,div显示.如果我开始添加另一个css属性,该元素会在我完成输入之前显示.

我很确定这是Safari中的一个错误,因为它在9或任何其他浏览器中都不是问题...我怎么能让它强制更新,或者更好但不需要更新？

具有画中画功能的Safari HTML5自定义视频控制器(PiP)

在WWDC15上, Apple推出了Safari 9 (适用于MacOS的Safari 10),现在支持画中画.

但是,他们只是说:

如果使用自定义HTML5视频控件,则可以使用JavaScript演示模式API添加画中画功能.

但没有告诉如何或在哪里找到它的文档.

默认视频控制器有按钮,但如何通过javascript触发它？

Safari 10引入了画中画.该按钮用于html5视频标准控件,但如何通过javascript触发它？

Apple说:

如果使用自定义HTML5视频控件,则可以使用JavaScript演示模式API添加画中画功能.

没有进一步的参考.

知道如何通过CSS 在Safari中隐藏这个恼人的输入图标/按钮吗？我不知道这个新图标的含义是什么,因为对我来说它没有任何功能.

一百万,托马斯