Opened 5 years ago

Last modified 4 years ago

#11118 confirmed Bug

Widgets drag handler is marked in selection when it's not visible

Reported by: Marek Lewandowski Owned by:
Priority: Normal Milestone:
Component: UI : Widgets Version: 4.3
Keywords: Cc:

Description

since: 4.3 until major

Atm selection looks buggy when you have widget in it. Browser marks also dragging handler, which is not visible. Changing its styles in that way, so it will gain display: none while widget is not hovered/focused.

  1. open sample with image2 plugin (/samples/plugins/image2/image2.html)
  2. simply make selection which will contain (something more than just) widget (image2 widget i.e.)

Expected result:
Drag handler shouldn't be visible.

Current result:
You can see that selection for drag handler is made.

Attachments (1)

widgetDndHandler.png (85.5 KB) - added by Marek Lewandowski 5 years ago.
Drag handler is marked, when it should be hidden

Download all attachments as: .zip

Change History (3)

Changed 5 years ago by Marek Lewandowski

Attachment: widgetDndHandler.png added

Drag handler is marked, when it should be hidden

comment:1 Changed 5 years ago by Marek Lewandowski

Also it does look kinda funny when inline widget (like placeholder) is wrapped with link, like here.

comment:2 Changed 4 years ago by Jakub Ś

Status: newconfirmed

I have been able to reproduce this in every browser. You don't really need to hover the image and drag handle is still selected. I have just started selecting text for Apollo 11 header and moved mouse down. Cursor was not hovering the widget but drag handler was still selected.

Another TC:

  • Open image2 sample
  • Click on image2 (leave cusror over image2)
  • Press Ctrl + A
  • Move cusror out of image2

Result: Drag handle is gone but selection square is still there.


Good news is that assigning display:none to drag handler seem to solve problem for both TCs.

Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy