# UI List suddenly is not clickable

**URL:** https://discourse.nodered.org/t/ui-list-suddenly-is-not-clickable/71435
**Category:** Dashboard
**Created:** [29 November 2022 11:15 UTC](https://discourse.nodered.org/t/ui-list-suddenly-is-not-clickable/71435 "2022-11-29T11:15:59Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Stelios](https://avatars.discourse-cdn.com/v4/letter/s/8dc957/32.png) [@Stelios](https://discourse.nodered.org/u/Stelios)
#### Post date: [29 November 2022 11:15 UTC](https://discourse.nodered.org/t/ui-list-suddenly-is-not-clickable/71435/1 "2022-11-29T11:15:59Z")

</div>

Hello.

I should start by saying that I am very much of an amateur web developer mostly looking to pretty things up in my dashboards.

So, I was editing some CSS for my dashboard containing a ui\_list node.

I was trying different effects on the list-inner items and at some point (not sure which change did it) my inner list items stopped being clickable. Furthermore, because the Dashboard's tab menu is a ui\_list itself, now i cannot click any of the tabs to switch around them.

I had another dashboard running on a different container which had no such bug, and started inspecting the CSS to check for differences.

The only thing I could find is that in the case of the buggy list, the button of the inner list item was missing a

 inside it. Particularly:

_ **Clickable List Item:** _

```auto
  <md-list-item class="md-2-line _md-button-wrap _md md-clickable" ng-repeat="item in msg.items" role="listitem" tabindex="-1" aria-label="" style="">
  <div class="md-button md-no-style">
    <div class="md-list-item-inner">
      <!---->
      <!---->
      <!---->
      <!---->
      <div class="md-list-item-text">
        <h3>
          <span ng-bind-html="item.title | trusted">[ITEM_1]</span>
        </h3>
        <p>
          <span ng-bind-html="item.description | trusted"></span>
        </p>
      </div>
    </div>
    <button class="md-no-style md-button md-ink-ripple" type="button" ng-transclude="" ng-click="click(item)" aria-label="">
      <div class="md-ripple-container" style=""></div>
    </button>
    <div class="md-secondary-container"></div>
  </div>
</md-list-item>

```

_ **Buggy List Item:** _

```auto
<md-list-item class="md-3-line _md-button-wrap _md md-clickable" ng-repeat="item in msg.items" role="listitem" tabindex="-1" aria-label="">
  <div class="md-button md-no-style">
    <button class="md-no-style md-button md-ink-ripple" type="button" ng-transclude="" ng-click="click(item)" aria-label=""></button>
    <div class="md-list-item-inner">
      <!---->
      <!---->
      <!---->
      <!---->
      <div class="md-list-item-text">
        <h3>
          <span ng-bind-html="item.title | trusted">
            <b>
              <font color="#FFD700">[ITEM_1]</font>
            </b>
          </span>
        </h3>
        <p>
          <span ng-bind-html="item.description | trusted">
            <font color="#CD853F">[DESCRIPTION_1]</font>
          </span>
        </p>
      </div>
    </div>
    <div class="md-secondary-container"></div>
  </div>
</md-list-item>

```

Any help would be MUCH appreciated, please for anything you need me to provide you with, be as specific as possible because I am pretty sure I won't know where to find most of the things.

I remind everyone that I am a rookie in web development and mostly a DIY tinkerer.

P.S. I am pretty sure some sort of `!important` broke things for me...

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [29 November 2022 11:47 UTC](https://discourse.nodered.org/t/ui-list-suddenly-is-not-clickable/71435/2 "2022-11-29T11:47:06Z")

</div>

It would be helpful if you could provide a small sample flow showing the issue.

---

<div class="post-metadata">

### Author: ![Stelios](https://avatars.discourse-cdn.com/v4/letter/s/8dc957/32.png) [@Stelios](https://discourse.nodered.org/u/Stelios)
#### Post date: [30 November 2022 15:18 UTC](https://discourse.nodered.org/t/ui-list-suddenly-is-not-clickable/71435/3 "2022-11-30T15:18:51Z")

</div>

Hello zenofmud,

Thanks for the prompt reply.

I actually spent a large portion of my night looking for that bug.

I found some things in the CSS that when I remove them, it starts working again. I will keep researching and I will return to this post if I understand what created the bug.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [30 December 2022 15:19 UTC](https://discourse.nodered.org/t/ui-list-suddenly-is-not-clickable/71435/4 "2022-12-30T15:19:36Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.