Bug/6592 (#6615)

* Work for #6592: fix wrong focus state for boolean question

* Update etalons

* Update etalons

src/defaultV2-theme/blocks/sd-boolean.scss

@@ -1,17 +1,16 @@
-.sd-boolean-root {
-  box-shadow: $shadow-inner;
-  border-radius: calcSize(12.5);
-}
-
 .sd-boolean {
   display: flex;
   width: max-content;
   position: relative;
   gap: calcSize(0.5);
   padding: calcSize(0.5);
   background-color: $editor-background;
-  box-shadow: $shadow-inner;
   border-radius: calcSize(12.5);
+  box-shadow: $shadow-inner;
+
+  &.sd-boolean--allowhover:focus-within {
+    box-shadow: 0 0 0 2px $primary;
+  }
 }
 
 .sd-boolean__thumb,
@@ -38,10 +37,6 @@
   border-radius: calcSize(12.5);
 }
 
-.sd-boolean__control:focus~.sd-boolean__switch {
-  box-shadow: inset 0 0 0 2px $primary;
-}
-
 .sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {
   display: none;
 }

src/defaultV2-theme/blocks/sd-question.scss

@@ -183,6 +183,6 @@
 
 .sd-scrollable-container:not(.sd-scrollable-container--compact) {
   width: max-content;
-  overflow-x: hidden;
+  overflow: visible;
   max-width: 100%;
 }

src/defaultV2-theme/blocks/sd-rating.scss

@@ -26,10 +26,6 @@
       flex-wrap: wrap;
     }
   }
-
-  &.sd-scrollable-container:not(.sd-scrollable-container--compact) {
-    overflow: visible;
-  }
 }
 
 .sd-rating--small {

visualRegressionTests/tests/defaultV2/boolean.ts

@@ -1,5 +1,5 @@
 import { Selector, ClientFunction } from "testcafe";
-import { url, frameworks, initSurvey, setOptions, url_test, explicitErrorHandler, takeElementScreenshot, wrapVisualTest } from "../../helper";
+import { url, frameworks, initSurvey, setOptions, url_test, explicitErrorHandler, takeElementScreenshot, wrapVisualTest, resetFocusToBody } from "../../helper";
 
 const title = "Boolean Screenshot";
 
@@ -33,6 +33,7 @@ frameworks.forEach(framework => {
       });
       const questionRoot = Selector(".sd-question--boolean");
       await t.wait(1000);
+      await resetFocusToBody();
       await takeElementScreenshot("boolean-question-indeterminate.png", questionRoot, t, comparer);
 
       await t.hover(".sd-boolean__thumb-ghost");