fix(ui): prevent text-selection ghost dragging on playground navigation tabs (#21704)

This commit is contained in:
G30
2026-02-21 16:45:58 -05:00
committed by GitHub
parent a0c82c8e4c
commit 96ca47ac9f

View File

@@ -21,7 +21,7 @@
? 'md:max-w-[calc(100%-var(--sidebar-width))]'
: ''} max-w-full"
>
<nav class=" px-2.5 pt-1.5 backdrop-blur-xl w-full drag-region">
<nav class=" px-2.5 pt-1.5 backdrop-blur-xl w-full drag-region select-none">
<div class=" flex items-center">
{#if $mobile}
<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center self-end">
@@ -49,9 +49,10 @@
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent pt-1"
>
<a
draggable="false"
class="min-w-fit p-1.5 {['/playground', '/playground/'].includes($page.url.pathname)
? ''
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition select-none"
href="/playground">{$i18n.t('Chat')}</a
>
@@ -63,16 +64,18 @@
> -->
<a
draggable="false"
class="min-w-fit p-1.5 {$page.url.pathname.includes('/playground/completions')
? ''
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition select-none"
href="/playground/completions">{$i18n.t('Completions')}</a
>
<a
draggable="false"
class="min-w-fit p-1.5 {$page.url.pathname.includes('/playground/images')
? ''
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition select-none"
href="/playground/images">{$i18n.t('Images')}</a
>
</div>