♿ Show scrollbar on searchable items

packages/embeds/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

packages/embeds/js/src/assets/index.css

@@ -333,17 +333,6 @@ pre {
   border-radius: var(--typebot-border-radius);
 }
 
-/* Hide scrollbar for Chrome, Safari and Opera */
-.hide-scrollbar::-webkit-scrollbar {
-  display: none;
-}
-
-/* Hide scrollbar for IE, Edge and Firefox */
-.hide-scrollbar {
-  -ms-overflow-style: none; /* IE and Edge */
-  scrollbar-width: none; /* Firefox */
-}
-
 .typebot-picture-button {
   color: var(--typebot-button-color);
   background-color: var(--typebot-button-bg-color);

packages/embeds/js/src/features/blocks/inputs/buttons/components/Buttons.tsx

@@ -52,7 +52,7 @@ export const Buttons = (props: Props) => {
         class={
           'flex flex-wrap justify-end gap-2' +
           (props.options?.isSearchable
-            ? ' overflow-y-scroll max-h-80 rounded-md hide-scrollbar'
+            ? ' overflow-y-scroll max-h-80 rounded-md'
             : '')
         }
       >

packages/embeds/js/src/features/blocks/inputs/buttons/components/MultipleChoicesForm.tsx

@@ -76,7 +76,7 @@ export const MultipleChoicesForm = (props: Props) => {
         class={
           'flex flex-wrap justify-end gap-2' +
           (props.options?.isSearchable
-            ? ' overflow-y-scroll max-h-80 rounded-md hide-scrollbar'
+            ? ' overflow-y-scroll max-h-80 rounded-md'
             : '')
         }
       >

packages/embeds/js/src/features/blocks/inputs/pictureChoice/MultiplePictureChoice.tsx

@@ -97,7 +97,7 @@ export const MultiplePictureChoice = (props: Props) => {
         class={
           'flex flex-wrap justify-end gap-2' +
           (props.options?.isSearchable
-            ? ' overflow-y-scroll max-h-[464px] rounded-md hide-scrollbar'
+            ? ' overflow-y-scroll max-h-[464px] rounded-md'
             : '')
         }
       >

packages/embeds/js/src/features/blocks/inputs/pictureChoice/SinglePictureChoice.tsx

@@ -71,7 +71,7 @@ export const SinglePictureChoice = (props: Props) => {
         class={
           'gap-2 flex flex-wrap justify-end' +
           (props.options?.isSearchable
-            ? ' overflow-y-scroll max-h-[464px] rounded-md hide-scrollbar'
+            ? ' overflow-y-scroll max-h-[464px] rounded-md'
             : '')
         }
       >

packages/embeds/nextjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "description": "Convenient library to display typebots on your Next.js website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/embeds/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",