# Density Toggle Component

**URL:** <https://meta.discourse.org/t/density-toggle-component/350967>\
**Category:** Theme component\
**Created:** [February 6, 2025, 11:13pm UTC](https://meta.discourse.org/t/density-toggle-component/350967 "2025-02-06T23:13:39Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [February 7, 2025, 4:23am UTC](https://meta.discourse.org/t/density-toggle-component/350967/2 "2025-02-07T04:23:14Z")

</div>

Awesome work, as usual, Jordan!

I noticed on iPadOS 18.1.1 that the menu doesn’t appear when clicking on the button in the sidebar. I do see the button focused, but nothing pops up. If I switch to desktop mode, it works.

EDIT: Actually, as long you are in mobile view.

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/6/8/668066abd8e4f42049fef9f80fd473f905316d8b.png)

It seems to be z-index issue:

 ![The image displays a developer tool's interface with HTML elements, including a CSS block containing a class named "data-placeholder" with an attribute of "top," highlighted within a structure of other elements. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/6/b/c/6bc95252ad8f6c47b9c2abb232865e7f01f253cb.png)  
 ![The image shows a screenshot of a web developer's interface with a partially collapsed code editor displaying expanded CSS styles, including properties for max width and stacking context changes. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/2/d/e/2de487f7b9e0c5826d26a15b9a6bb88a28daebb8.png)

Another minor UX issue: The current density value is not selected by default the first time you visit the preferences. (On a side note, the labels don’t seem localized.)  
Edit: I think it’s more related to the value that has not yet been saved to the browser storage.

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/5/a/75ae2019a165789792d4732f286023687f0162af.png)

I can see in the code that it’s ready to change the font, but I don’t see any interface for it. I assume this will be implemented later?

---

_[View the full topic](https://meta.discourse.org/t/density-toggle-component/350967)._
