fix(rac): Aria Selected Value issues

Change-Id: Ieffe6e9df00706c2bc15e7853071c7b2bd7ab392 GitOrigin-RevId: 3df789cd2acc86b815833e4547ccaf6f973b97f0
plasmicapp · Nov 8, 2024 · ddedad4 · ddedad4
1 parent 0311e78
commit ddedad4
Showing 1 changed file with 4 additions and 23 deletions.
diff --git a/plasmicpkgs/react-aria/src/registerSelect.tsx b/plasmicpkgs/react-aria/src/registerSelect.tsx
@@ -36,22 +36,12 @@ export interface BaseSelectValueProps
 }
 
 export const BaseSelectValue = (props: BaseSelectValueProps) => {
-  const { children, customize } = props;
+  const { children, customize, className } = props;
+  const placeholder = customize ? children : "Select an item";
   return (
-    <SelectValue>
+    <SelectValue className={className}>
       {({ isPlaceholder, selectedText }) => (
-        <>
-          {isPlaceholder ? (
-            <span>Select an item</span>
-          ) : (
-            <>
-              <span>
-                {customize ? (children as React.ReactNode) : selectedText}
-              </span>
-            </>
-          )}
-          {}
-        </>
+        <>{isPlaceholder ? placeholder : selectedText}</>
       )}
     </SelectValue>
   );
@@ -145,15 +135,6 @@ export function registerSelect(loader?: Registerable) {
         ],
         hidden: (props) => !props.customize,
       },
-      className: {
-        type: "class",
-        selectors: [
-          {
-            selector: ":self[data-placeholder]",
-            label: "Placeholder",
-          },
-        ],
-      },
     },
     trapsFocus: true,
   });