givanz / VvvebJs

Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
https://www.vvveb.com/vvvebjs/editor.html
Apache License 2.0
7.32k stars 1.67k forks source link

Bug report WysiwygEditor #357

Open ALTITUDE-DEV-FR opened 5 months ago

ALTITUDE-DEV-FR commented 5 months ago

Hello, I report the bug for WysiwygEditor selector, how to reproduce ?

  1. select any text and choice color to red
  2. if you click in the canvas, the color red is apply to hover area not to selected text.

Small vidéo for help in latest version on live demo https://www.loom.com/share/61c9f8b5e9134570b55ba4104a7b3ffa

givanz commented 5 months ago

Hi

I'm unable to reproduce the bug on the demo https://www.vvveb.com/vvvebjs/editor.html

Tried selecting a different element first then hovering a different element before changing color.

Maybe I'm missing some step.

https://github.com/givanz/VvvebJs/assets/302738/17b63d95-ad2d-4b43-be11-a82ea65b3567

https://github.com/givanz/VvvebJs/assets/302738/10454c75-4a84-4938-b20f-02f6a6944f7f

ALTITUDE-DEV-FR commented 5 months ago

Hi,

I tried on 3 different browsers and I still have the mentioned issue. I hover over the word "drag" to highlight it in red and click on the title above, but it is the entire title above that turns completely red instead of the word "drag."

ALTITUDE-DEV-FR commented 5 months ago

With my voice ;) (sry for my bad english) https://www.loom.com/share/9de44521f45f41c1b10385f27d454650

givanz commented 5 months ago

Thanks for the detailed video and explanations.

I tried clicking on another element or moving the text selection after changing color but I still can't reproduce both on chrome and firefox.

I'm using Linux Mint.

I suspect that this is something related to operating system/window manager and probably only happens on Windows.

Can you please provide more info on operating system, are you using Windows or Mac?

I will try to test on a Windows virtual machine.

ALTITUDE-DEV-FR commented 5 months ago

Hi, I use Windows 11 + Google Chrome latest or Brave Latest.