question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cesium captures all mouse and touch events which doesn't bubble up `document.activeElement`

See original GitHub issue

All mouse and touch events are capture during viewer init. The focus events do occur when trying to change focus from a different non Cesium UI element to Cesium canvas. Basically if a NON Cesium UI element has focus and we try to unfocus from that element by clicking on the Cesium canvas, the unfocus event cannot work correctly. Cesium is capturing these events and thus not bubbling to allow for changing of the document.activeElement

EX: https://codesandbox.io/s/test-quasar-cesium-vue3-edjxls?file=/src/index.template.html

Oddly this doesn’t appear to be an issue with Firefox. Only Chromium browsers.

This should be consistent with all browsers. See example above in both browsers to notice the issue.

Browser: Firefox, Chrome

Operating System: windows

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

3reactions
yonzmeercommented, Jun 28, 2022

Hi. I am the author of the similar issue you mentioned. As I wrote in my issue, the pr that broke the behavior was (https://github.com/CesiumGS/cesium/pull/8662)

My idea was to make this behavior configurable via the ViewerConstructorOptions - so the blurActiveElement function will not be passed for the addEventListener.

I can open such pr if you think this is an acceptable solution.

1reaction
ggetzcommented, Jun 30, 2022

My idea was to make this behavior configurable via the ViewerConstructorOptions - so the blurActiveElement function will not be passed for the addEventListener.

Thanks for the interest in contributing @yonzmeer. That should be fine so long as the default behavior remains the same when this option is not provided.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Touch Events - CesiumJS - Cesium Community
On my application I have event listeners registered for just about all the event listeners (left click, left double click, left down, ...
Read more >
Pass mouse events through absolutely-positioned element
Right now, events on the absolutely-positioned element hit it and bubble up to its parent, but I want it to be "transparent" to...
Read more >
Khb - River Thames Conditions - Environment Agency - GOV.UK
Warm up liverdy en brie, Favl argentina, Comune di porto sant'elpidio, O astronauta ... Difference entre un avc et infarctus, Samba all files...
Read more >
Plain diff - Transferportal HfT Stuttgart
This ensures Cesium rendering is fast and smooth by default across all devices. ... +- Fixed Firefox camera control issues with mouse and...
Read more >
USPC Consolidated Glossary - USPTO
A material which contains within itself all of the components which enter into the chemical change which occurs in producing thrust in a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found