当使用过渡时，为什么Safari 13不在焦点上绘制/渲染轮廓

当使用过渡时，Safari 13不在焦点上绘制/渲染轮廓的原因是因为Safari 13在处理过渡效果时存在一个bug。这个bug导致在使用CSS过渡时，Safari 13不会在焦点元素上绘制或渲染轮廓，这可能会导致用户无法准确地知道当前焦点所在位置。

这个问题可能会影响到一些用户，特别是那些依赖键盘导航的用户，因为他们通常会依赖焦点轮廓来确定当前焦点所在位置。对于这些用户来说，缺乏焦点轮廓可能会导致导航困难和用户体验下降。

为了解决这个问题，可以考虑以下几种方法：

1. 使用JavaScript手动添加焦点轮廓：通过JavaScript代码，在焦点元素上添加一个自定义的焦点轮廓样式，以弥补Safari 13的bug。这可以通过添加一个CSS类来实现，该类定义了所需的焦点轮廓样式，并在焦点元素获取焦点时动态地添加或移除该类。
2. 使用其他浏览器进行测试和调试：由于这个问题只影响Safari 13，可以使用其他浏览器（如Chrome、Firefox等）进行测试和调试，以确保在不同浏览器上都能正确显示焦点轮廓。
3. 向苹果报告bug并等待修复：如果这个问题对你的应用程序或网站非常重要，可以向苹果报告这个bug，并等待他们的修复。苹果通常会定期发布Safari的更新版本，其中可能包含对这类问题的修复。

总结起来，Safari 13不在焦点上绘制/渲染轮廓是因为其存在一个bug。为了解决这个问题，可以通过使用JavaScript手动添加焦点轮廓、使用其他浏览器进行测试和调试，以及向苹果报告bug并等待修复来解决。