textual icon indicating copy to clipboard operation
textual copied to clipboard

Published 20 hours ago • verified publisher icon Textualize

Invisible widgets can still be clicked

Open willmcgugan opened this issue 1 year ago • 2 comments

It looks like widgets with "visibility: hidden" can still be clicked. They should also be invisible to the mouse cursor as well.

willmcgugan avatar Aug 18 '22 14:08 willmcgugan

iirc visibility hidden means exactly that: hidden, but interactive, with say, the tab key to select stuff.

display: none makes it non interactive.

tusharsadhwani avatar Aug 18 '22 16:08 tusharsadhwani

iirc visibility hidden means exactly that: hidden, but interactive, with say, the tab key to select stuff.

If you mean as you'd expect on the web, that wouldn't be the case.

Try it with a little example:

<html>

  <head>
    <title>Visible/display test</title>
  </head>

  <body>
    <button style="cursor: hand; visibility: visible; display: inline;">This is visible and has display</button>Visible, display<br />
    <button style="cursor: hand; visibility: hidden; display: inline;">This is not visible and has display</button>Invisible, display<br />
    <button style="cursor: hand; visibility: visible; display: none;">This is visible and has no display</button>Visible, no display<br />
    <button style="cursor: hand; visibility: hidden; display: none;">This is not visible and has no display</button>Invisible, no display<br />
  </body>

</html>

davep avatar Aug 18 '22 18:08 davep

Did we solve your problem?

Glad we could help!

github-actions[bot] avatar Oct 30 '22 12:10 github-actions[bot]