From 80097b59508a64b262e9a823b81cc70438473015 Mon Sep 17 00:00:00 2001 From: Dimitri POSTOLOV Date: Mon, 17 Jun 2024 18:23:53 +0200 Subject: [PATCH] fix doc explorer search input is cut off while clicking on autocomplete results --- .changeset/blue-points-taste.md | 5 +++++ .../graphiql-react/src/explorer/components/doc-explorer.css | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/blue-points-taste.md diff --git a/.changeset/blue-points-taste.md b/.changeset/blue-points-taste.md new file mode 100644 index 00000000000..acc49c24071 --- /dev/null +++ b/.changeset/blue-points-taste.md @@ -0,0 +1,5 @@ +--- +'@graphiql/react': patch +--- + +fix doc explorer search input is cut off while clicking on autocomplete results diff --git a/packages/graphiql-react/src/explorer/components/doc-explorer.css b/packages/graphiql-react/src/explorer/components/doc-explorer.css index 87c81282175..9cab5ffb4a0 100644 --- a/packages/graphiql-react/src/explorer/components/doc-explorer.css +++ b/packages/graphiql-react/src/explorer/components/doc-explorer.css @@ -36,7 +36,7 @@ left: 0; } - & [role='combobox'] { + &:not(:focus-within) [role='combobox'] { height: 24px; width: 4ch; }