add survey as poc

aazw · Jan 16, 2025 · d66e618 · d66e618
1 parent 63ecaec
commit d66e618
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 0 deletions.
diff --git a/poc/overflow-gap/README.md b/poc/overflow-gap/README.md
@@ -0,0 +1,7 @@
+# overflow:scroll 時に表示されるスクロールバーについて
+
+![](./screenshot-001.png)
+![](./screenshot-002.png)
+
+下端、右端はどうもギリギリまでいかない模様.  
+デザイン的にわかりにくいが、スクリーンバーの領域分、余るようだ.
diff --git a/poc/overflow-gap/index.html b/poc/overflow-gap/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>RFC Search</title>
+    <style>
+      html {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+      }
+
+      body {
+        width: 50%;
+        height: 50%;
+        margin: 0;
+        padding: 0;
+        overflow: auto;
+        background: red;
+      }
+
+      #root {
+        width: 10000px;
+        height: 10000px;
+        background: green;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/poc/overflow-gap/screenshot-001.png b/poc/overflow-gap/screenshot-001.png
diff --git a/poc/overflow-gap/screenshot-002.png b/poc/overflow-gap/screenshot-002.png