Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Weird behavior when hovering control buttons compile log #4916

Open
arnaudsjs opened this issue Jun 26, 2023 · 1 comment
Open

Weird behavior when hovering control buttons compile log #4916

arnaudsjs opened this issue Jun 26, 2023 · 1 comment
Labels
bug Something isn't working

Comments

@arnaudsjs
Copy link
Contributor

When hovering the "Enlarge" button of the compile log, the button disappears and the rendering of the output changes.

Screencast.from.2023-06-26.10-18-33.webm
@arnaudsjs arnaudsjs added the bug Something isn't working label Jun 26, 2023
@LukasStordeur
Copy link
Collaborator

This occurs only on Firefox. It is hard to debug and most likely related to a performance issue of that page. It's hard to tell if it is related to the Tooltip, the events handling slowing down the page or the CodeHighlighter not being fully performant on Firefox.

inmantaci pushed a commit that referenced this issue Oct 10, 2023
@LukasStordeur @inmantaci
Improve the behavior on Firefox when hovering over code-block icons. …
0d253a4 
…(Issue #4916, PR #5172)

# Description

I tried to figure out which was the root cause of the problem, I changed the implementations a few times, removed elements but it's still not clear what caused the glitches. It only happens when the codeblocks contain a lot of information, impacting performance. Most of the glitching could be either related to the Tooltips (they have minimal glitches on the PF site on Firefox) combined with the styled components "´css" declaration. I removed any superficial wrapper/customization of elements.

It does still glitch once in a while when clicking on the kebab-menu and then clicking outside of it multiple times. This might be resolved once the deprecated version of the kebab menu is updated. But since I've been tackling that in another ticket, I kept it separated.

https://github.com/inmanta/web-console/assets/44098050/ea1dcce3-af45-4875-b0f9-923710ca350e
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@arnaudsjs @LukasStordeur