search

wet-boew / wet-boew-styleguide

A style guide for the Web Experience Toolkit.
http://wet-boew.github.io/wet-boew-styleguide/index-en.html
36 stars 32 forks source link

LightBox scrolls away from table row when opened #270

Open danielt113 opened 8 years ago

danielt113 commented 8 years ago

I have a large table with text in it that open LightBoxes for a description of what the text means. I've done this because tooltips are not accessible and footnotes scroll the user away from their current table row.

When you click the lightbox it scrolls the page all the way to the top, then when you close the lightbox it anchors to the row you were on before. This is a huge issue with a table because you completely lose your place in the table. Is there a way to prevent the LightBox from scrolling the page when it opens and closes?

Here is the HTML for the LightBox I'm opening: `

Delivery by mail

        <div class="modal-body">
            <p>Ready in 20 business days. Delivery time may vary.</p>
        </div>
    </section>`

I open the LightBox using an onlick event: onclick='helptext(Receive_by_mail);