tiennm99/coolify
1
0 Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-10-13 14:15:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): keep helper popups in visual viewport on mobile

Browse Source 
Position helper info popups with visualViewport bounds and
max size so they stay on screen. Ignore helper triggers in the
global icon tooltip handler via data-icon-tooltip-ignore.
This commit is contained in:
Andras Bacsai committed 2026-08-06 23:38:11 +02:00
1 parent 39197d0357
commit 64d73b6922
4 files changed
+45 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

tests/Feature/HelperInfoButtonTest.php
+13
View File
@@ -10,6 +10,7 @@ test('helper trigger is a button that stops label activation', function () {
->toContain('type="button"')
->toContain('@click.prevent.stop')
->toContain('aria-label="{{ $label }}"')
->toContain('data-icon-tooltip-ignore')
->toContain('info-helper-popup')
->toContain('name="info-circle"')
->toContain('class="size-3.5 text-neutral-400')
@@ -78,6 +79,18 @@ test('helper popup prefers a position below its trigger and falls back above', f
->toContain('top = triggerRect.top - popupRect.height - padding;');
});
test('helper popup stays within the visual viewport on mobile', function () {
$helper = file_get_contents(resource_path('views/components/helper.blade.php'));
expect($helper)
->toContain('window.visualViewport')
->toContain('viewport?.offsetLeft')
->toContain('viewport?.offsetTop')
->toContain('max-width: ${availableWidth}px;')
->toContain('max-height: ${availableHeight}px;')
->toContain('overflow-y: auto;');
});
test('helper popup supports focus dismissal and tooltip aria relationships', function () {
$helper = file_get_contents(resource_path('views/components/helper.blade.php'));