Css SVG转换：转换中断输入范围偏移_Css_Svg

Css SVG转换：转换中断输入范围偏移

css svg

Css SVG转换：转换中断输入范围偏移,css,svg,Css,Svg,我发现了SVG和transform的一个问题：使用样式transform:translate（）在中翻译，使拖动句柄无效。您可以在中清楚地看到错误屏幕截图：与鼠标相比，范围滑块拇指位于错误的位置。它不会从transform:translate样式获得偏移非SVG标记不会出现此问题。您可以看到它在代码笔的常规div中工作这似乎发生在Chrome和Safari中，但不是Firefox 这是一个浏览器错误吗？我已经胡闹了一段时间，但找不到解决办法。如何使拖动手柄相对于鼠标正确定位？不相关，但H

我发现了SVG和transform的一个问题：使用样式

transform:translate（）

在

中翻译

，使拖动句柄无效。您可以在中清楚地看到错误

屏幕截图：与鼠标相比，范围滑块拇指位于错误的位置。它不会从transform:translate样式获得偏移

非SVG标记不会出现此问题。您可以看到它在代码笔的常规div中工作

这似乎发生在Chrome和Safari中，但不是Firefox

这是一个浏览器错误吗？我已经胡闹了一段时间，但找不到解决办法。如何使拖动手柄相对于鼠标正确定位？

不相关，但HTMLAttribute是

class

，而不是

className

，这是DOM属性。哇；react copypastaI提出了一个bug，但仍在寻找解决方法，这似乎是一个bug是的。外国物体仍然不稳定。。。如果将位置设置为绝对，它甚至会消失。。。Ps：我认为svg标记是区分大小写的，所以它应该是

，但不确定它何时被附加为HTML\u SVGElement，尽管简单的解决方法是不使用css

transform:translate（）

，而是使用

的

属性