🐛 Bug: details marker shows next to hamburger menu on mobile #128
Labels
status: accepting prs
Please, send a pull request to resolve this! 🙏
type: bug
Something isn't working :( 🐛
Bug Report Checklist
main
branch of the repository.Expected
The little arrow for the details/summary elements in the header should be hidden, because the hamburger menu replaces it.
Actual
On mobile browsers (chromium and firefox, iOS) the details marker is showing next to the hamburger menu:
![details-marker-showing](https://private-user-images.githubusercontent.com/24758859/372481423-4fe05942-c55f-4b51-93c4-816a44cd28f8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5ODc5MTMsIm5iZiI6MTczODk4NzYxMywicGF0aCI6Ii8yNDc1ODg1OS8zNzI0ODE0MjMtNGZlMDU5NDItYzU1Zi00YjUxLTkzYzQtODE2YTQ0Y2QyOGY4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDA0MDY1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTllN2IxZmJiYzlkN2MyYTc0MDgyOWY2NGU5ZDk3NzNmZTc5MmE5Y2M0YjY5ZGM3Yzc3MGU5N2QzOWE5ZTQ5YTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.82mD_tUXHOCuhoQ-lNgldvb0wNnbA792L7wO_ZEX9yo)
It doesn't happen on desktop browsers, even using the dev tools.
Additional Info
It's one style change and I had to fork the code to look at it anyway, so I'm happy to submit a PR!
I'm reasonably confident that there are no accessibility issues (keyboard functionality still worked) and that this works for both chromium and firefox, at least on iOS:
The text was updated successfully, but these errors were encountered: