CodexBloom - Programming Q&A Platform

HTML `<details>` element not expanding in Safari 16.0 on iOS even after adding appropriate attributes

👀 Views: 0 💬 Answers: 1 📅 Created: 2025-08-23
html safari ios web-development HTML

I'm working on a project and hit a roadblock. After trying multiple solutions online, I still can't figure this out. I've been banging my head against this for hours. I'm working with an scenario where the HTML `<details>` element is not expanding as expected on Safari 16.0 running on iOS. The element seems to work perfectly fine on Chrome and Firefox, but when I tap to expand it on Safari, nothing happens. Here’s the relevant snippet of my code: ```html <details> <summary>Click me to see more</summary> <p>This is some hidden content that should be revealed.</p> </details> ``` I’ve ensured that I’m not using any CSS that could be interfering with its default behavior, and I’ve also tried adding the `open` attribute like so: ```html <details open> <summary>Click me to see more</summary> <p>This is some hidden content that should be revealed.</p> </details> ``` However, the element still does not respond to taps. I checked for any JavaScript that might be running on the page that could be affecting it, but I found none. Also, I’ve validated my HTML and there are no errors. The console doesn’t show any relevant warnings or errors when I interact with the element. I would appreciate any insights into what might be going wrong or whether there are any workarounds specific to Safari on iOS. Is this a known scenario or do I need to adjust something in my implementation? My development environment is Windows. I'm working on a CLI tool that needs to handle this. Thanks for any help you can provide!