We have an item inside of a list that has multiple columns/rows inside of the item parent container. It seems like once we hit a certain level of nesting, the active css no longer applies. See this codepen that I forked and modified to nest the Item text within a few divs:
If you click on one of the items, it doesn’t enable the active css. Remove one of the divs surround the item and then try to click. It will trigger the active css.
Is there any magic we can do to enable the parent to have its css updated?