Side panel icons scrolling issue

See jam - Jam

Reproduced on Chrome, Firefox & Edge
wp 6.4.1

When scrolling the side panel, icons, txt etc visible over top of settings panel.

Hi @slpoty,

Sorry to hear you’re experiencing trouble with this.

Unfortunately, I haven’t been able to reproduce this issue on my end.

Could you possibly let me know what plugins are active on this installation?

Thank you in advance.

Hi, I have woocommerce and redis but I did the usual and disabled everything with just Cwicly running.

It’s really odd that you can’t reproduce this. I’ve reproduced it on:

3 different macs, 1 pc, 2 different networks - 3 different browsers - chrome, edge, & ff
a .local install
I also asked someone to check for me on a corporate network.

I don’t think it’s server related as it occurs on both live vps & local installs

See attached image and look at the jam (tooltip) - something z-related?

  • .
    With jam recording, it Jam

Thank you for getting back to me, @slpoty.

I believe the two jams you provided highlight separate subjects.

  • First jam: You show elements overflowing over the top which is definetly not intended:

    Could you possibly see if this issue is reproducible on the sandbox?
    Thank you in advance.

  • Second jam: You show the Primary/Design/Advanced tabs remaining sticky at the top, which is the intended behaviour, and not a bug.

Thank you for your understanding.

Hi @Araminta,

We have managed to reproduce this in some rare cases:

Relative style paste button z-index:

Screenshot 2023-12-07 at 12.02.59

1 Like

No - I’m referring to the tooltips - i.e.

the black hover tooltip circled in red in the screenshot. They are staying visible on top of the browser and sometimes over the save button. Surely this isn’t an intended behaviour?

Yes - exactly the same. Screenshot


Hello @slpoty,

Thanks for this.

We currently use the Gutenberg Tooltip component (which is shown in your screenshots) to deliver tooltips of that nature, although the behaviour here isn’t ideal.

Will see what can be done.