Strange Dropdown problem

Radzen.Blazor Components
1

Hello,

I'm just fishing for ideas for my strange RadzenDropDown problem...

  • When i access my web and I'm not logged in I'm redirected to /login page with login form
  • There, as a part of site-wide layout, is a header with some buttons and two dropdowns (with radzen themes and languages)
  • Those buttons and dropdown are working fine
  • I'll sign-in my web and I'm redirrected to / (root) of my web with same layout
  • Buttons keep on working as usual, but both dropdowns just don't do anything when clicked, don't show floating menu with choices, don't log any errors, just don't react to clicks at all (or Enter when tabbed to one of them)
  • I can travel to various web pages through menu and everything works (including any non-header dropdowns) but those two dropdowns in the header just don't
  • When I refresh the whole page in browser, whole WA is loaded again, I'm alreaddy logged in (which is by design) and I land back at / but now both header dropdowns are working on all pages

I've tried to clear cache and stuff but I'm not sure how to debug this... Would appreciate any ideas at all where to start, what to try.

Thanks!

2

Probably the rendering mode is dynamically set and is not interactive. Check if this is not the case.

3

My whole router is set in razor code to @rendermode="@RenderMode.InteractiveWebAssembly" which as i understand it should propagate downwards... (and I don't mess with rendermodes dynamically after that).

But even if i specifically set this rendermode to the dropdown itself, no change :confused:

4

If the rendering mode is globally set then there could be another problem. You can try the following:

  • Add a button next to the dropdown (regular <button @onclick=OnClick>click</button>) and see if the click handler is executed.
  • Check your browser developer tools for any exceptions.
  • Also check your application logs for any server-side exceptions.
5

That I've already tried, next to the dropdown is a RadzenButton which is working always (dropdown is theme selector and button is light / dark mode switcher). When I'm clicking that button (it has Click event) the dark / light mode is correctly switching and no browser console or server errors are occuring (i'm sending all client exceptions to server for logging). But when I'm clicking on the dropdown there are also no errors anywhere, it just doesn't do anything :confused: (it has Change event but not even items menu is rendered).

Alson, neither the button nor the dropdown do anything server related, they just save selected theme and dark / light mode to the browser's local storage.

6

So i managed to fix it accidentaly...

Turns out that i had html id="something" attribute with RadzenDropDown element. In the beginning I've planned to do some JS interop stuff with it, which i didn't do in the end, but i've left the id attribute with the component. And that was it, after deleting the attribute, it behaves normaly all of a sudden.