UX: Auth: Logout button is inaccessible

[ravipendurty]

Issue submitter TODO list

• I've looked up my issue in FAQ
• I've searched for an already existing issues here
• I've tried running main-labeled docker image and the issue still persists there
• I'm running a supported version of the application which is listed here

Describe the bug (actual behavior)

Logged in to KafBat UI using Keycloak authentication. Kafbat uses https. https is terminated at Traefik and from there http is used for communication with Keycloak. Login works fine. However, the logout button does not work, although on mouse focus on the logout button shows https:///logout in the status bar of the browser but no action is performed nor any request is sent (no entry in developer tools window of browser on clicking the logout button). However, if https:///logout is executed in the browser address bar, the logout flow starts i.e., it displays the "Are you sure you want to logout?" message with the "logout" button and that button works fine and logs out the user successfully.
The same has been discussed in discord and it is presumed to be a bug as per the thread - https://discord.com/channels/897805035122077716/897805035122077719/1354339588214100111

Expected behavior

Clicking "Logout" button from KafBat UI should work

Your installation details

1. App is run using docker compose.
2. Docker image - ghcr.io/kafbat/kafka-ui
3. Config.yaml -

auth: type: OAUTH2 oauth2: client: keycloak: provider: keycloak clientId: kafka.auth #clientSecret: yyy scope: openid issuer-uri: https://identity.smo.o-ran-sc.org/realms/onap #issuer-uri: http://172.18.0.3:8080/realms/kafka-users redirect-uri: https://kafka-ui.smo.o-ran-sc.org/login/oauth2/code/keycloak user-name-attribute: preferred_username client-name: keycloak logoutUri: https://identity.smo.o-ran-sc.org/realms/onap/protocol/openid-connect/logout custom-params: type: keycloak logoutUrl: https://identity.smo.o-ran-sc.org/realms/onap/protocol/openid-connect/logout

Steps to reproduce

1. Setup keycloak
2. Setup traefik
3. Run KafBat UI with the above config file

Screenshots

No response

Logs

No response

Additional context

No response

[github-actions]

Hi ravipendurty! 👋

Welcome, and thank you for opening your first issue in the repo!

Please wait for triaging by our maintainers.

As development is carried out in our spare time, you can support us by sponsoring our activities or even funding the development of specific issues.
Sponsorship link

If you plan to raise a PR for this issue, please take a look at our contributing guide.

[Haarolean]

it's an issue with z-index or something on the frontend part, up for grabs

[adambirds]

When will this be released?

[Haarolean]

@adambirds you can pull main-tagged image

[adambirds]

@adambirds you can pull main-tagged image

How do I do that from a helm chart?

[Haarolean]

@adambirds you can pull main-tagged image

How do I do that from a helm chart?

https://github.com/kafbat/helm-charts/blob/main/charts/kafka-ui/values.yaml#L14