zwave-js / zwave-js-ui / 22174489945

19%

push

github

fix(ui): correct FAB z-index layering in Store view (#4549)

FAB and speed dial menu were hidden behind sticky footer due to
incorrect DOM placement.

## Root Cause
FAB was nested inside `v-col`, positioning it relative to column
container rather than application layout. This prevented the `app` prop
from establishing proper z-index stacking context.

## Changes
- Moved `<base-fab>` from inside left `v-col` to root level (after
`v-row`, inside `v-container`)
- Aligns with pattern used in `ControlPanel.vue` and `SmartStart.vue`

```diff
  <v-col>
    <v-treeview>...</v-treeview>
-   <base-fab ... />
  </v-col>
</v-row>

+<base-fab ... />
</v-container>
```

## Result
**Before:**
![FAB hidden behind
footer](https://github.com/user-attachments/assets/f40e7ab7-c24a-4f44-a9f2-fe985dae7ea9)

**After:**
![FAB properly
positioned](https://github.com/user-attachments/assets/481f5c2b-593f-4ec2-900a-340e8c6db7a0)

![Speed dial menu
functional](https://github.com/user-attachments/assets/7660f26a-80d5-47ed-ad01-c77c7fb81f15)

> [!WARNING]
>
> <details>
> <summary>Firewall rules blocked me from connecting to one or more
addresses (expand for details)</summary>
>
> #### I tried to connect to the following addresses, but was blocked by
firewall rules:
>
> - `224.0.0.251`
>   - Triggering command: `REDACTED, pid is -1` (packet block)
>
> If you need me to access, download, or install something from one of
these locations, you can either:
>
> - Configure [Actions setup
steps](https://gh.io/copilot/actions-setup-steps) to set up my
environment, which run before the firewall is enabled
> - Add the appropriate URLs or hosts to the custom allowlist in this
repository's [Copilot coding agent
settings](https://github.com/zwave-js/zwave-js-ui/settings/copilot/coding_agent)
(admins only)
>
> </details>

<!-- START COPILOT ORIGINAL PROMPT -->



<details>

<summary>Original prompt</summary>

> 
> ----
> 
> *This section details on the original issue you should resolve*
> 
> <is... (continued)

334 of 444 branches covered (75.23%)

Branch coverage included in aggregate %.

4052 of 22295 relevant lines covered (18.17%)

1.13 hits per line