Buttons hidden under "More" only work when clicking on their centre/label

Hi folks,

the buttons “Torrent”, “Image”, “Signature” and “Checksum” on the ISO-download-pages which are tucked away under “More” seem to work only when clicking on the centred text inside them. If I click slightly off-centre, nothing happens, no action is performed, no link appears in the browser’s status bar, even though the cursor looks like a pointing finger. The behaviour of these specific buttons contrasts with that of other buttons on the site.

I also observed the following: While other <button>s seem to be children of their respective anchor element (i. e. <a href="something"><button></button></a>) each “More”-<button> is a parent of its respective anchor element (<button><a href=”something”></a></button>).

Changing the HTML so that the <button>s behind “More” are children of their <a>s seemed to fix the clickability issue. I’m not a dev, though. Therefore, I cannot know to what extent such change might be feasible.

The current behaviour of the buttons hidden behind “More” feels, however, somewhat confusing.

(Tested with Firefox and Vivaldi)

2 Likes

Yep, seems like a bug. Confirmed with chromium too. But i am not sure who is responsible for the site now. I guess @philm would know. I removed the tags from topic title cause it is not browser dependent.

1 Like

@romangg. :wink:

Or, simply changing the anchor elements (within the buttons) to display as block, and perhaps adding some line-height would likely resolve the issue (if it were a static site).

I’ve personally noticed much the same as you describe, but dismissed it as an artefact of the chosen infrastructure.

Thanks for bringing this to our attention.

@romangg might like to investigate it further.

2 Likes

Thanks for the report. Indeed looks like only a minor adjustment is needed. If anybody wanna try out a bit of HTML coding, then give it a go and a PR is welcome.

2 Likes

@linux-aarhus was so nice to provide a patch. The issue should be fixed now. :slight_smile:

1 Like