# Material design theme, not handling dropdowns correctly

**URL:** <https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338>\
**Category:** UX\
**Created:** [February 12, 2018, 2:12am UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338 "2018-02-12T02:12:31Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![8BIT](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/8bit/32/76872_2.png) [@8BIT](https://meta.discourse.org/u/8BIT)\
**Post date:** [February 12, 2018, 2:12am UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/1 "2018-02-12T02:12:32Z")

</div>

![31%20PM](https://global.discourse-cdn.com/meta/original/3X/1/5/152c75a7e4e3de0df7128e38af0ef55aab807b8b.png)

This shows on other places too:

 ![23%20PM](https://global.discourse-cdn.com/meta/original/3X/e/1/e1baaf96ab9cc7a7354da20cfb91e528d351ff39.png)

[https://meta.discourse.org/c/meta/l/top](https://meta.discourse.org/c/meta/l/top)

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [February 12, 2018, 4:15am UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/2 "2018-02-12T04:15:00Z")

</div>

Isn’t this a problem with your chosen theme? I don’t see that in the default black or white themes.

---

<div class="post-metadata">

**Author:** ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)\
**Post date:** [February 12, 2018, 4:56am UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/3 "2018-02-12T04:56:44Z")

</div>

It’s in the material design theme by the looks. AFAIK one of the design guidelines for material was brightly colored high contrast top bars?

---

<div class="post-metadata">

**Author:** ![8BIT](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/8bit/32/76872_2.png) [@8BIT](https://meta.discourse.org/u/8BIT)\
**Post date:** [February 12, 2018, 5:22am UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/4 "2018-02-12T05:22:51Z")

</div>

Right, it’s the material design theme installed here on meta.

---

<div class="post-metadata">

**Author:** ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)\
**Post date:** [February 12, 2018, 6:13am UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/5 "2018-02-12T06:13:32Z")

</div>

The problem is the extra drop shadows on the duration selector and the line below subcategories header, which ruin the “cards” effect.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [February 13, 2018, 6:31am UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/6 "2018-02-13T06:31:25Z")

</div>

@rewphus can you have a look at this?

---

<div class="post-metadata">

**Author:** ![rewphus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rewphus/32/115836_2.png) [@rewphus](https://meta.discourse.org/u/rewphus)\
**Post date:** [February 13, 2018, 1:26pm UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/7 "2018-02-13T13:26:04Z")

</div>

Yeah, probably won’t be able to get to it until tomorrow though.

---

<div class="post-metadata">

**Author:** ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)\
**Post date:** [February 13, 2018, 3:25pm UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/8 "2018-02-13T15:25:42Z")

</div>

Let me know if you need help, it’s select-kit related.

---

<div class="post-metadata">

**Author:** ![rewphus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rewphus/32/115836_2.png) [@rewphus](https://meta.discourse.org/u/rewphus)\
**Post date:** [February 14, 2018, 5:58pm UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/9 "2018-02-14T17:58:54Z")

</div>

Should be fixed now. It’s a very specific fix just ignoring the period-chooser-header, because the shadow seemed to work fine in other button dropdowns, so if you notice it anywhere else, let me know.

---

<div class="post-metadata">

**Author:** ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)\
**Post date:** [March 12, 2018, 8:22pm UTC](https://meta.discourse.org/t/material-design-theme-not-handling-dropdowns-correctly/80338/10 "2018-03-12T20:22:36Z")

</div>


