DivanteLtd/next

Server-side rendering mismatch in the bottom nav

Closed this issue · 1 comments

The bottom nav causes an SSR mismatch. Here is the code responsible for it

 <SfBottomNavigationItem label="Basket" icon="add_to_cart">
      <template #icon>
        <SfCircleIcon aria-label="Add to cart">
          <SfIcon
            icon="add_to_cart"
            color="white"
            size="25px"
            :style="{margin: '0 0 0 -2px'}"
          />
        </SfCircleIcon>
      </template>
    </SfBottomNavigationItem>

when I delete SfCircleIcon everything is fine so maybe there is an issue

@andrzejewsky this issue is currently on CR status vuestorefront/storefront-ui#1133