Redoc: Fix auto scroll issue

Author: lamATnginx

assets/css/v2/style.css

@@ -132,9 +132,7 @@ textarea:not([rows]) {
 :root {
   /* webfonts */
   font-family: var(--font-family);
-  font-feature-settings:
-    "liga" on,
-    "calt" on;
+  font-feature-settings: "liga" on, "calt" on;
 
   /* fallback to slightly thinner font on browsers without variable 'wght' support */
   font-weight: 350;
@@ -144,9 +142,9 @@ textarea:not([rows]) {
 
   /* MARK: Variables
   */
-  --font-family:
-    "Inter var", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  --font-family: "Inter var", system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+    sans-serif;
   --color-brand: 56.6% 0.194 147.7;
   --color-brand-300: 0.84 0.0699 157.51;
   --color-brand-200: 0.91 0.0406 157.72;
@@ -292,10 +290,9 @@ textarea:not([rows]) {
 
 @supports (font-variation-settings: normal) {
   :root {
-    --font-family:
-      InterVariable, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-      Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-      sans-serif;
+    --font-family: InterVariable, system-ui, -apple-system, BlinkMacSystemFont,
+      "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
+      "Helvetica Neue", sans-serif;
   }
 
   h1,
@@ -320,12 +317,17 @@ h6,
 }
 
 html {
-  scroll-behavior: smooth;
+  scroll-behavior: smooth; /* Breaks for redocly */
   font-optical-sizing: auto;
   font-weight: 300;
   font-style: normal;
 }
 
+html:has(api-container) {
+  /* Fixes scroll for redocly but loses smooth scroll */
+  scroll-behavior: auto;
+}
+
 h1,
 h2,
 h3,
@@ -1252,9 +1254,7 @@ nav.sidebar.sidebar__mobile-open {
     border-radius: 5px 0 0 5px;
     color: oklch(0 0 0 / 0.75);
     text-decoration: none;
-    transition:
-      background-color 0.2s ease,
-      color 0.2s ease;
+    transition: background-color 0.2s ease, color 0.2s ease;
 
     &:hover {
       background-color: oklch(var(--color-brand) / 0.08);