rajalakshmys-27 opened a new pull request, #3565: URL: https://github.com/apache/incubator-kie-tools/pull/3565
Closes : [kie-issues#2295](https://github.com/apache/incubator-kie-issues/issues/2295) Currently, the palette icons are fully visible only on larger screens (height ≥ 926px). **Fix** : Implemented a responsive submenu for the BPMN editor palette that dynamically shows/hides icons based on available viewport space, improving usability on smaller screens (height ≥ 690px) **Submenu Strategy** The palette is designed with a group-based approach where: - **Groups with >2 items** can have a submenu and **Groups with ≤2 items** remain always visible. - Current `corePaletteGroup` has **9 items**, making it eligible for submenu behavior. - Future groups can be added easily by extending the `paletteGroups` object. **Changes Made** **Responsive Calculation** - Implemented `calculateVisibleIconCount()`. - Dynamically calculates how many icons fit in available viewport space. **Group-Based Changes** - Restructured palette using `paletteGroups` with group IDs. - Extensible design for future multi-group support. - Current implementation: single `corePaletteGroup` with 9 icons. **Responsive Behaviour** - Added window resize listener with `requestAnimationFrame` for smooth updates. **Submenu UI** - Ellipsis button `(⋯)` appears when icons overflow. - Grid-based submenu displays hidden icons. - Submenu only shown when `visibleIconCount < totalIcons`. **Testing** - Verified responsive behaviour across different viewport sizes. - Submenu opens/closes correctly. - Click outside closes submenu. - All icons remain draggable. Uploading Screen Recording 2026-05-07 at 5.21.27 PM.mov… -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
