fix lint

Author: dimaMachina

packages/graphiql-react/src/ui/tabs.css

@@ -18,8 +18,8 @@
 
 .graphiql-tab-input {
   all: unset;
-  padding: var(--px-4) 28px var(--px-4) var(--px-8);
   width: 100%;
+  padding: var(--px-4) 28px var(--px-4) var(--px-8);
   border-radius: var(--border-radius-8) var(--border-radius-8) 0 0;
 
   &:focus {

packages/graphiql/src/components/GraphiQL.tsx

@@ -250,24 +250,24 @@ const handleTabValueChange: ComponentProps<'input'>['onChange'] = event => {
 };
 
 const handleTabValueKeyDown: ComponentProps<'input'>['onKeyDown'] = event => {
-  if (event.key === 'Enter' || event.key === 'Escape') {
-    const input = event.currentTarget;
+  if (event.key !== 'Enter' && event.key !== 'Escape') {
+    return;
+  }
+  const input = event.currentTarget;
 
-    if (!input.value) {
-      input.value = input.defaultValue;
-      // @ts-expect-error
-      handleTabValueChange(event);
-    }
-    input.blur();
+  if (!input.value) {
+    input.value = input.defaultValue;
+    // @ts-expect-error
+    handleTabValueChange(event);
   }
+  input.blur();
 };
 
 const handleTabDoubleClickAndBlur = (
   event: MouseEvent<HTMLInputElement> | FocusEvent<HTMLInputElement>,
 ) => {
-  const isBlur = event.type === 'blur';
   const input = event.currentTarget;
-  input.readOnly = isBlur;
+  input.readOnly = event.type === 'blur';
 };
 
 export function GraphiQLInterface(props: GraphiQLInterfaceProps) {