"Making dropdowns with pure CSS would be a good idea" said pencilvoid, with no idea what they were getting themselves into
Really does seem like it should be easier, right? Checkbox hack, or another method?
I've considered switching to use HTML details and summary tags but i have no idea if those are semantically different in any meaningful way
As far as I know, details and summary are better than the checkbox hack in terms of accessibility (and maintenance effort).
Also found this as an option via StackOverflow: https://stackoverflow.com/a/63724779
I use details and summary tags as a dropdown for my own ease (being more of a coding beginner), don't know if it's how they should be used but it is comfortable. also they open and close in reading mode which I think is nice.
Thank you for taking the time to read and comment! I honestly never paid mobile sites much mind either before I got sick. There's a lot of things you don't think about until life forces you to!
it's nowhere near as flexible as my current solution with regards to styling. can't even have the arrow next to the box rather than inside it without the arrow appearing outside the main content column
I'm annoyed that you can't animate the arrow opening.