FAB's component 7th element hidden css rule

[philippedasilva-orizone]

Hi,

I was playing a bit with the fab component and noted that the 7th element is never rendered whatever the number of elements above 6 you have. Here is an example:

<div class="fab">
      <!-- a focusable div with tabindex is necessary to work on all browsers. role="button" is necessary for accessibility -->
      <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">
        F
      </div>
      <!-- buttons that show up when FAB is open -->
      <button class="btn btn-lg btn-circle">
        1
      </button>
      <button class="btn btn-lg btn-circle">
        2
      </button>
      <button class="btn btn-lg btn-circle">
        3
      </button>
      <button class="btn btn-lg btn-circle">
        4
      </button>
      <button class="btn btn-lg btn-circle">
        5
      </button>
      <button class="btn btn-lg btn-circle">
        6
      </button>
      <button class="btn btn-lg btn-circle">
        7
      </button>
      <button class="btn btn-lg btn-circle">
        8
      </button>
      <button class="btn btn-lg btn-circle">
        9
      </button>
    </div>

Trying to understand why, I looked at the code and found these lines which are pretty clear in what they do:

.fab > :nth-child(7) {
  @apply hidden;
}

For this specific case to be specified, there must be a reason, right?
If so, I'd love to know the reason ;)
Otherwise, I'll just make a quick pull request to remove this ;)

[saadeghi]

You're right. This rule should only apply to fab-flower class because more buttons can't fit there physically.

[saadeghi]

Fixed in daisyUI 5.1.28 ✅