diff --git a/src/defaultV2-theme/blocks/sd-table.scss b/src/defaultV2-theme/blocks/sd-table.scss index dbdb367bee..b7246b2b8e 100644 --- a/src/defaultV2-theme/blocks/sd-table.scss +++ b/src/defaultV2-theme/blocks/sd-table.scss @@ -284,9 +284,10 @@ fill: $font-questiondescription-color; } - &:hover { + &:hover, + &:focus { background: $primary-light; - + outline: none; svg { fill: $primary; } diff --git a/visualRegressionTests/tests/defaultV2/etalons/question-matrix-detail-focus.png b/visualRegressionTests/tests/defaultV2/etalons/question-matrix-detail-focus.png new file mode 100644 index 0000000000..545719e69b Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/question-matrix-detail-focus.png differ diff --git a/visualRegressionTests/tests/defaultV2/matrix.ts b/visualRegressionTests/tests/defaultV2/matrix.ts index b140d3e17b..9bc579fa54 100644 --- a/visualRegressionTests/tests/defaultV2/matrix.ts +++ b/visualRegressionTests/tests/defaultV2/matrix.ts @@ -736,6 +736,11 @@ frameworks.forEach(framework => { await t.hover(Selector(".sd-table__cell--detail-button")); await takeElementScreenshot("question-matrix-detail-hover.png", questionRoot, t, comparer); + + await t + .click(Selector("body"), { offsetX: 5, offsetY: 5 }); + await t.pressKey("tab"); + await takeElementScreenshot("question-matrix-detail-focus.png", questionRoot, t, comparer); }); });