lee15h ago

i swear to god i can't find this by searching and it's driving me up the fucking wall

i'm trying to build an image modal using the <dialog> element

for some reason, the dialog element itself is focusable. i did not do this. i did not put tabindex on it. there is no interactivity on the dialog element itself. why the fuck is it focusable. i just want the close button to be focusable for goodness sake (and it is, and it's autofocused, that's nice at least, but why in the fresh hell can i tab back to the whole fucking dialog element when *i can't interact with it*??????)

Show thread🩷 Stella 15h ago

@inherentlee How

the mdn docs Deliberately says that the element mustn’t have tabindex because it is not interactive and not focusable

How the fuck

Show threadlee

@twinkle i mean it doesn't have tabindex

but that isn't fucking stopping it!!!!!!!

2:28amWeb
Show thread🩷 Stella 15h ago

@inherentlee yeah nono i got that, i meant that when i started reading the mdn docs:

Warning: The tabindex attribute must not be used on the <dialog> element. See Additional notes.

in the Additional Notes:

Do not add the tabindex property to the <dialog> element as it is not interactive and does not receive focus. The dialog’s contents, including the close button contained in the dialog, can receive focus and be interactive.

HOW THE FUCK IS IT FOCUSABLE. HOW. IF MDN GOES TO GREAT LENGTH TO TELL YOU IT’S NOT FOCUSABLE BEFORE THE FIRST PARAGRAPH EVEN BEGINS. HOW??????? /lh

Show threadlee15h ago

@twinkle oh yes yes we are on the same page

i'm going batshit i s2g

Show threadlee15h ago

@twinkle i can fix it if i give it tabindex="-1"

which mdn says not to do

and which feels liek a horrific antipattern

i wanna CRY

Show thread🩷 Stella 15h ago
@inherentlee what the fuck. what the fuck. what the fuck. i fucking hate being a webdev. what the fuck. can i pick up drawing furry art instead. what the fuck
Show thread🩷 Stella 15h ago
@inherentlee im getting second hand truama
Show threadlee15h ago
@twinkle oh to draw furry art