Quantcast
Channel: Active questions tagged blazor - Stack Overflow
Viewing all articles
Browse latest Browse all 4839

Why is the behavior of my checkbox different on a mobile device than on a desktop PC?

$
0
0

I have a Blazor Wasm app that works as expected on a desktop PC but acts "strange" on a mobile device. I created a Blazor fiddle, here.
Just click the checkboxes. You will see, they act like radio buttons. That's what I want. Now,

  • enter the dev tools
  • emulate a mobile device (CTRL + Shift + M)
  • activate checkbox "one"
  • move the "cursor" not exactly to the vertical center of "one" but a little lower. Stay within "one"
  • click again and see, that "one" is deselected and "two" is selected
  • Do not move the cursor, click again at the exact same position and see that now "one" is selected
  • click, click, click... at the exact same position toggles between "one" and "two"

What am I doing wrong? Am I even doing anything wrong? I mean, it works as expected on a desktop PC.

Edit

This is reproducible with plain HTML. Please see [here][2] (sorry, link does not work on edit. jsfiddle.net/Lrvp53gm). Just enter the dev tools, emulate a mobile device, click on the disabled "one" and see, that "two" is selected.

Viewing all articles
Browse latest Browse all 4839

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>