Is the app's left sidebar no longer updated with ui-nav-menu?

App Bridge
1

I’m not sure if posting in this category is appropriate, but I have a feeling this might be the problem.

This is the code for the left sidebar menu we showed earlier. isShopSetup is fetched by the frontend, so it will briefly display “Setup” before showing the menu for users who have already completed the setup.
image

<NavMenu>
  {!isLoading && isShopSetup ? (
    <>
      <Link to="/settings">Settings</Link>
      <Link to="/member">Membership</Link>
    </>
  ) : (
    <Link to="/setup">Setup</Link>
  )}
</NavMenu>

It was working fine before, no issues, but when we checked today we found it’s no longer effective, only showing “Setup”. We checked the HTML and found that <ui-nav-menu> was rendered correctly within the HTML.
image

<ui-nav-menu>
  #shadow-root
  <a href="/settings">Settings</a>
  <a href="/member">Membership</a>
</ui-nav-menu>

It looks like the left sidebar is rendered once and then fixed, no longer changing with the ui-nav-menu. We checked the console and there were no errors.

Our current solution is to temporarily remove the judgment logic and only display the settings and membership menus, which works, but I am still curious if Shopify has recently changed related logic in the shopify store admin panel.

1 Like
2

Can I know which app is this?

3

Sorry, I’d rather not provide it. Just now, I tried rolling back the code to two weeks ago, but the problem persists. This indicates that it’s not a problem with our code, but rather something has been changed in the Shopify admin panel.

4

I’ve noticed the same problem yesterday and fixed it by:

  • wait for app to load
  • Then set ui-nav-menu

It seems ui-nav-menu is not reactive anymore and nobody warned us about it.

5

Hi folks - we’ve shipped an update to address this. This will be rolling out to stores soon but it’s not in production yet.

1 Like