diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx
index d590fcfc20..86533d4fdc 100644
--- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx
+++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx
@@ -45,6 +45,12 @@ export function WorldsForm({ worlds }: { worlds: Address[] }) {
}
}
+ const handleOpenOptions = () => {
+ if (!open && worlds.length > 0) {
+ setOpen(true);
+ }
+ };
+
return (
@@ -71,8 +77,15 @@ export function WorldsForm({ worlds }: { worlds: Address[] }) {
field.onBlur();
setOpen(false);
}}
- onFocus={() => setOpen(true)}
+ onFocus={handleOpenOptions}
placeholder="Enter world address..."
+ // Need to manually trigger form submission as CommandPrimitive.Input captures Enter key events
+ onKeyDown={(e) => {
+ if (!open && e.key === "Enter") {
+ e.preventDefault();
+ form.handleSubmit(onSubmit)();
+ }
+ }}
>
@@ -101,6 +114,7 @@ export function WorldsForm({ worlds }: { worlds: Address[] }) {
shouldValidate: true,
});
setOpen(false);
+ form.handleSubmit(onSubmit)();
}}
className="cursor-pointer font-mono"
>
diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/page.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/page.tsx
index 9e2234950a..4e524636bb 100644
--- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/page.tsx
+++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/interact/page.tsx
@@ -6,5 +6,9 @@ export const metadata: Metadata = {
};
export default async function InteractPage() {
- return ;
+ return (
+
+
+
+ );
}
diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/layout.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/layout.tsx
index ffa329b67d..4e1d2afe79 100644
--- a/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/layout.tsx
+++ b/packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/layout.tsx
@@ -22,10 +22,8 @@ export default function WorldLayout({ params: { chainName }, children }: Props)
return (
-
-
- {children}
-
+
+ {children}
);
diff --git a/packages/explorer/tailwind.config.ts b/packages/explorer/tailwind.config.ts
index 4ea11a90ca..f99829666d 100644
--- a/packages/explorer/tailwind.config.ts
+++ b/packages/explorer/tailwind.config.ts
@@ -7,7 +7,7 @@ const config = {
theme: {
container: {
center: true,
- padding: "2rem",
+ padding: "1rem",
screens: {
"2xl": "1400px",
},