search

webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
736 stars 63 forks source link

www.heise.de - Text selection is discontinued while going down the page #27042

Closed ajfre closed 5 years ago

ajfre commented 5 years ago

URL: https://www.heise.de/newsticker/meldung/Vor-30-Jahren-der-KGB-Hack-fliegt-auf-4324110.html

Browser / Version: Firefox 65.01 Operating System: Linux Mint 17 Tested Another Browser: Yes

Problem type: Something else Description: Text selection by mouse is broken Steps to Reproduce:

FF 60.5.1esr and Chromium 65.0.3325.181 works well in this situation.

This is not a new bug and also appears on other pages with embedded videos.

A short Kazam screencast is available, but I don't know, how to attach it to this bug.

Browser Configuration
  • None

Reported by @ajfre

From webcompat.com with ❤️

cipriansv commented 5 years ago

Thanks for the report @ajfre, but I'm not able to reproduce the issue. I followed you steps to reproduce and the text was still selected after reaching the video as presented in the image below.

Screenshot from 2019-03-15 13-33-24

Tested with: Browser / Version: Firefox Nightly 67.0a1 (2019-03-14) Operating System: Ubuntu 18.04.2 LTS

@ajfre, could you please update to the latest Firefox version, and give it another try? Also could you try clearing cache/data/cookies, disable Ad-blocker (if available), or use a clean profile (about:profiles), and check again?

ajfre commented 5 years ago

Did you drag down beyond the video? There is still more text.

How can I send you my screencast demonstrating the issue?

ajfre commented 5 years ago

FF Version: 65.0.1 (64-bit) As stated above, FF also reproduces the issue in safe mode - so there is no Ad-blocker Kazam_screencast_00000.mp4.zip

. clearing cache/data/cookies doesn't help.

cipriansv commented 5 years ago

Thanks for the clarifying video. I can reproduce this too. The text selection is discontinued while moving down the page.

Tested with: Browser / Version: Firefox Nightly 67.0a1 (2019-03-14), Chrome 72.0.3626.121 Operating System: Ubuntu 18.04.2 LTS

Moving this to needsdiagnosis.

karlcow commented 5 years ago

ok. I can reproduce on macOS with the touchpad. You can reproduce just by starting the selection a couple of words before the video and hovering the video. As soon as the cursor is over the video area, text is unselected. And this is not happening with Chrome.

The video is inside a figure element, then is defined by a custom element called embetty-video. I want to know if it's the figure or the embetty-video which stops the selection. Let's add padding to figure.

Screenshot Description

So yes as soon as I hit the green area, the selection is lost BUT if I remove the embetty-video from the DOM, the selection is working.

With two tabs.

  1. Make a select all
  2. Nothing is happening
  3. switch to another tab
  4. come back to the original tab, everything is selected

@emilio do you know about anything related to custom elements and text selection?

emilio commented 5 years ago

Yeah, this is not about WebComponents but about Shadow DOM instead. This repros the issue:

<!doctype html>
<div>
  Outer content yada yada
  <div id="host"></div>
  More content outside
</div>
<script>
  host.attachShadow({ mode: "open" }).innerHTML = "Content inside";
</script>

The state of text selection in Shadow DOM is not great spec-wise, but looks like Chromium and WebKit both support this use-case in some form (https://bugs.webkit.org/show_bug.cgi?id=151380), so it seems we should do something about it. Clearly moving the selection into the shadow root is not helpful anyway.

Mind filing a bug and ni?ing me?

emilio commented 5 years ago

Ah, I guess this is https://bugzilla.mozilla.org/show_bug.cgi?id=1455894. See there for more context.

karlcow commented 5 years ago

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1455894

lock[bot] commented 5 years ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.