next-helios-fe 1.8.105 → 1.8.106

package/src/components/form/other/rating.tsx

@@ -114,6 +114,7 @@ export const Rating: React.FC<RatingProps> = ({
         <input
           type="text"
           className={`absolute top-0 w-full border-0 bg-transparent text-transparent caret-transparent pointer-events-none focus:ring-0 ${height}`}
+          tabIndex={-1}
           required={rest.required}
           readOnly
           value={tempValue}

package/src/components/form/other/select.tsx

@@ -103,11 +103,7 @@ export const Select: React.FC<SelectProps> = ({
           <input
             ref={inputRef}
             type="text"
-            className={`w-full ps-4 pe-14 border rounded-md bg-secondary-bg cursor-pointer caret-transparent placeholder:duration-300 placeholder:text-silent focus:placeholder:translate-x-1 focus:outline-none focus:ring-1 focus:ring-primary focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled disabled:cursor-default ${height} ${
-              openDropdown
-                ? "placeholder:translate-x-1 outline-none ring-1 ring-primary shadow shadow-primary border-primary-dark"
-                : "border-default placeholder:translate-x-0"
-            }`}
+            className={`w-full ps-4 pe-14 border border-default rounded-md bg-secondary-bg cursor-pointer caret-transparent placeholder:duration-300 placeholder:text-silent focus:placeholder:translate-x-1 focus:outline-none focus:ring-1 focus:ring-primary focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled disabled:cursor-default ${height}`}
             placeholder={placeholder}
             required={rest.required}
             disabled={rest.disabled}
@@ -125,6 +121,12 @@ export const Select: React.FC<SelectProps> = ({
                 inputRef?.current?.getBoundingClientRect()?.width || 0
               );
             }}
+            onKeyDown={(e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                inputRef.current?.click();
+              }
+            }}
           />
           <div className="absolute right-4 text-xl text-disabled pointer-events-none">
             <Icon icon={`gravity-ui:chevron-${openDropdown ? "up" : "down"}`} />
@@ -154,7 +156,15 @@ export const Select: React.FC<SelectProps> = ({
           }
         >
           {menus.length === 0 ? (
-            <Dropdown.Item>
+            <Dropdown.Item
+              onKeyDown={(e) => {
+                if (e.key === "Escape") {
+                  e.preventDefault();
+                  inputRef.current?.focus();
+                  setOpenDropdown(false);
+                }
+              }}
+            >
               <div
                 className="flex justify-center"
                 style={{ width: dropdownWidth - 43 }}
@@ -177,6 +187,15 @@ export const Select: React.FC<SelectProps> = ({
                         target: { value: item.value } as HTMLSelectElement,
                       } as any);
                     }
+                    setOpenDropdown(false);
+                    inputRef.current?.focus();
+                  }}
+                  onKeyDown={(e) => {
+                    if (e.key === "Escape") {
+                      e.preventDefault();
+                      inputRef.current?.focus();
+                      setOpenDropdown(false);
+                    }
                   }}
                 >
                   <div