disallow text selection on custom selects

merlinfuchs · Jan 17, 2024 · f3df5cf · f3df5cf
1 parent 5b7edba
commit f3df5cf
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/embedg-app/src/components/ChannelSelect.tsx b/embedg-app/src/components/ChannelSelect.tsx
@@ -122,7 +122,7 @@ export function ChannelSelect({ guildId, channelId, onChange }: Props) {
 
   return (
     <ClickOutsideHandler onClickOutside={() => setOpen(false)}>
-      <div className="px-3 h-10 flex items-center rounded bg-dark-2 relative">
+      <div className="px-3 h-10 flex items-center rounded bg-dark-2 relative select-none">
         <div
           role="button"
           onClick={() => setOpen((prev) => !prev)}

diff --git a/embedg-app/src/components/GuildOrUserSelect.tsx b/embedg-app/src/components/GuildOrUserSelect.tsx
@@ -40,7 +40,7 @@ export default function GuildOrUserSelect({ value, onChange }: Props) {
 
   return (
     <ClickOutsideHandler onClickOutside={() => setOpen(false)}>
-      <div className="px-3 rounded bg-dark-2 relative flex items-center h-12">
+      <div className="px-3 rounded bg-dark-2 relative flex items-center h-12 select-none">
         <div
           onClick={() => setOpen((prev) => !prev)}
           role="button"

diff --git a/embedg-app/src/components/GuildSelect.tsx b/embedg-app/src/components/GuildSelect.tsx
@@ -50,7 +50,7 @@ export default function GuildSelect({ guildId, onChange }: Props) {
 
   return (
     <ClickOutsideHandler onClickOutside={() => setOpen(false)}>
-      <div className="px-3 rounded bg-dark-2 relative flex items-center h-10">
+      <div className="px-3 rounded bg-dark-2 relative flex items-center h-10 select-none">
         <div
           onClick={() => setOpen((prev) => !prev)}
           role="button"

diff --git a/embedg-app/src/components/RoleSelect.tsx b/embedg-app/src/components/RoleSelect.tsx
@@ -34,7 +34,7 @@ export function RoleSelect({ guildId, roleId, onChange }: Props) {
 
   return (
     <ClickOutsideHandler onClickOutside={() => setOpen(false)}>
-      <div className="px-3 h-10 flex items-center rounded bg-dark-2 relative">
+      <div className="px-3 h-10 flex items-center rounded bg-dark-2 relative select-none">
         <div
           role="button"
           onClick={() => setOpen((prev) => !prev)}

diff --git a/embedg-app/src/components/SavedMessageSelect.tsx b/embedg-app/src/components/SavedMessageSelect.tsx
@@ -42,7 +42,7 @@ export default function SavedMessageSelect({
 
   return (
     <ClickOutsideHandler onClickOutside={() => setOpen(false)}>
-      <div className="px-3 rounded bg-dark-2 relative flex items-center h-10">
+      <div className="px-3 rounded bg-dark-2 relative flex items-center h-10 select-none">
         <div
           onClick={() => setOpen((prev) => !prev)}
           role="button"