Fix code container display (#17666)

Display is broken on code step
2026-02-03 15:12:37 +01:00
parent 10ba8b9a97
commit f2284579f0
1 changed files with 6 additions and 2 deletions
@@ -51,6 +51,10 @@ const StyledEditorLoader = styled.div<{
  }}
 `;

+const StyledCodeEditorContainer = styled.div`
+  display: contents;
+`;
+
 const StyledEditor = styled(Editor)<{
  variant: CodeEditorVariant;
  transparentBackground?: boolean;
@@ -140,7 +144,7 @@ export const CodeEditor = ({
      <Loader />
    </StyledEditorLoader>
  ) : (
-    <div onKeyDown={handleKeyDown}>
+    <StyledCodeEditorContainer onKeyDown={handleKeyDown}>
      <input
        type="hidden"
        data-testid="code-editor-value"
@@ -199,6 +203,6 @@ export const CodeEditor = ({
          ...options,
        }}
      />
-    </div>
+    </StyledCodeEditorContainer>
  );
 };