feat(combox): Introduce singleton SioCombox attached to document.body with open/close/toggle API and animated show/hide; integrate SioFab to use the singleton and update styles/positioning

This commit is contained in:
2025-12-17 11:41:47 +00:00
parent 55e8e192c9
commit 053d0c8e8f
4 changed files with 121 additions and 95 deletions

View File

@@ -1,5 +1,16 @@
# Changelog
## 2025-12-17 - 1.5.0 - feat(combox)
Introduce singleton SioCombox attached to document.body with open/close/toggle API and animated show/hide; integrate SioFab to use the singleton and update styles/positioning
- Add SioCombox.createOnBody() and SioCombox.getInstance() singletons
- Add isOpen state, open(), close(), toggle(), getIsOpen() and emit opened/closed/close events
- Move combox out of the FAB shadow DOM — attach to body and position fixed bottom-right with z-index and enter/exit transitions
- Update mobile layout to full-screen sizing and adjust transform origin for phablet
- Update SioFab to create the singleton on firstUpdated(), listen for close events, and toggle the singleton instead of rendering it inside the FAB
- Remove previous in-FAB combox container markup/CSS and hasShownOnce logic
- Minor visual/UX improvements: scale/opacity transitions, pointer-events control, and positioning variables for consistent behavior
## 2025-12-17 - 1.4.1 - fix(ui)
handle on-screen keyboard visibility to adjust layout and prevent inputs from being obscured