keycloak/keycloak

Twoway auth strange ui behavior

Open

#20,688 opened on 2023年5月31日

GitHub で見る
 (23 comments) (0 reactions) (0 assignees)Java (34,398 stars) (8,346 forks)batch import
area/authenticationhelp wantedkind/enhancementteam/core-clients

説明

Before reporting an issue

  • I have searched existing issues
  • I have reproduced the issue with the latest release

Area

authentication

Describe the bug

In our SaaS solution we are using Keycloak 20.0.3. One of our customers is using Two way authentication but has four devices registered. There is a small issue where the selection button in UI is not correctly lined out making it very unclear for end users which device they are selecting.

Version

20.0.3

Expected behavior

The button is shown correctly behind the device.

Actual behavior

The button is lined out in the top row. While the device is shown on the second row.

How to Reproduce?

1: Enable two way auth in Keycloak. 2: Link four devices to a users.
3: See result when logging in. image

Anything else?

No response

コントリビューターガイド

技術スタック
javascriptreact
領域
authenticationfrontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
active
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Basic CSSKeycloak development setup
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
75
調査方針
Look in the Keycloak login theme for the device selection UI. The misalignment likely stems from CSS in the device list component. Check comments in the issue for any maintainer hints about the file location, such as the specific template or React component involved. No current PR or assignment, so it's open for contribution.