What is the purpose of the ghost element?

[wong2]

I'm debugging a weird issue related to the ghost element (data-rmiz-ghost), I'm wondering what is the purpose of it? Can I set a display: none on it?

[rpearce]

@wong2 The purpose of it is to provide a container, exactly the same size and position as the image, that can house a zooming button that can be used by keyboard and screen reader users (or anyone with assistive tech).

What issue are you running into?

[rpearce]

@wong2 If you find a way to reproduce this in a CodeSandbox, I'm happy to take a look and see if there's anything I can do to help.

[HasanMothaffar-OSG]

@rpearce
I faced the same issue. Here's a minimal reproduction. https://codesandbox.io/p/devbox/3g4q86

Right now, there is overflow as demonstrated in the picture below. If you put display: none to the data-rmiz-ghost attribute, the overflow gets fixed.

[rpearce]

Thank you. I will enqueue this and investigate when I can.

[rpearce]

@HasanMothaffar-OSG Closing this out with the comments here: #950 (comment)