echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Bug] tooltip backdrop-filter is not working

Open tony709394 opened this issue 1 year ago • 2 comments

Version

5.5.1

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=line-stack&version=5.5.1&renderer=svg&code=PYBwLglsB2AEC8sDeAoWtJgDYFMBcya6GOAHmAQOQDKYAhgMYDWOAJrADITQ6VEC-AGiJhgwLJBAFUxDACcIAc0U45BAER1SEAM7rhsrboAKwbmFXSissAE8Q-WOp0ALOq2AB3fddhDfAEaMTIpywACu0KwAwuLAak5yikEAFAAMgrAZWZlpAJQ-sgBm8QC2dGAWCSl5CAB8hLLocjhg4XJwAAa-sgA8rBAAbrA6drjw6kHMoRFRBEmpAKwAjJmLACyZABwAbLkAdADMi3kA3D1Nl-hTTKxhIAC0RRASlrABWO0py2kgpGcXK5NTwQVhgFwEH6_UjnIFw2AuHBKFwUWBQv6ndR1XoAegGgzqF26sn4AgMsFwKjmjWIrAqdAIAG1KABRcovSiZSgAVWgUDgAEFWDpObBKAA1UE4YCwIUirkAEQgLQYYFFNBwdDkDBcsBZ0EU3F4AF0yURQqCrLJcEVUZRDgBSTm-BSKFFUdZO8nXYCVYClKiO52yBgwejcDh0AI4LAEMBycI4M3oUTiALAUhW4hFTVtFpZ2Q6OiDHACnQASXKKmkpJJydgpAF2h0BYw9kclAYFRwinitmDxHTkTpclsAHE6FJYEU6FgdDhvbA6fQmZQALIwdUAFUT6oA6mxty5wuqAGIKdXUCqXyKUU3ofzoWxN3StuwOKiDWe7-vzhQ4FtYEZXwZCaaA6FKDs2ToDlFxTdsqCwI0B0LehmCoLdfVnFDaXpJllgAJmyZZDgIzIflWNFDk2WAAE5sgIw4GJ-e9iFrWBTX4U4gA

Steps to Reproduce

图片

Current Behavior

v5.1.0 之前的版本,tooltip backdrop-filter 是有效的,后续新版本就无效

Expected Behavior

希望新版本也支持 tooltip backdrop-filter

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

tony709394 avatar Aug 20 '24 06:08 tony709394

image

我这里你的例子是正常的。同样是5.5.1。请确认你的浏览器是否支持backdrop-filter

kingyue737 avatar Aug 20 '24 11:08 kingyue737

我这边得出的表现是这样的(使用 backdrop-filter: blur()) echarts 在线编辑器:chrome 正常,firefox 异常 vite + react 空白工程:chrome、firefox 都正常 vite + react 成品工程:chrome、firefox 都异常(可能是因为 echarts 层级过深导致的?)

最终是通过 appendTo 解决的 https://echarts.apache.org/zh/option.html#tooltip.appendTo

tony709394 avatar Aug 21 '24 03:08 tony709394