search

editablejs / editable

🌱 A collaborative rich-text editor framework that focuses on stability, controllability, extensibility, and performance. 一款强到离谱的富文本编辑器框架，专注于稳定性、可控性、扩展性和性能。
https://docs.editablejs.com
Apache License 2.0
1.79k stars 120 forks source link

左上角奇怪的矩形占位符 #140

Open davidliudev opened 11 months ago

davidliudev commented 11 months ago

按照文档搭了一个最简单的实例，结果发现左上角有这样的奇怪的蓝色方块：

image

这个方块只有在textbox为focus状态的时候才显示，focus blur了就没有了 这个要如何消除掉？看看是不是渲染的bug

big-camel commented 11 months ago

可以看看html结构，或者给个复现地址？

davidliudev commented 11 months ago
image image

看起来是这个div的样式问题 （可能，未验证） 稍后我看能不能找个最小复线

@big-camel

davidliudev commented 11 months ago

这个div里面有个svg

image
davidliudev commented 11 months ago

最近进一步调查了一下 看起来是textarea的css里focus-visible有一个border 但不知道如何才能disable

Screenshot 2023-09-21 at 10 41 31 PM
big-camel commented 11 months ago

试试这个？ textarea: { outline: none; }

davidliudev commented 11 months ago

试过了 但是好像对于shadow root不好使。 之前对shadowroot api不是很了解 可能得传递进去才行 外面的全局css无法影响到里面 明天我查查看看如何做shadow root里面的css override。 初步来看还挺hack的。

不过这个也应该算是browser specific bug了？ 最好在本github repo的源码层面上修复？