Hide button when scrolling in mobile component

[mcicolella]

As you can see in the attached image, the button (bottom right corner) overlaps some elements.

It'd better to hide it when scrolling down and show it again when scrolling up.

P.D. any other good alternative? Code ref. https://github.com/freedomotic/fd-vue-webapp/blob/master/src/components/mobile/mobile-pages/PluginsPanel.vue

[amenak77]

If object's list lenght is lower then or equal to screen's lenght, the button could cover an element anyway and the list shouldn't be "scrollable". I guess we should think to something else

[mcicolella]

@amenak77 what's your solution?

[amenak77]

@mcicolella maybe changing the button's position

[amenak77]

or commutate the button with another GUI element less "intusive"

[amenak77]

In my opinion, first choise should be more standard

[romanofranz]

What about changing the floating button to a menu entry in the app bar menu?

[amenak77]

@romanofranz choise numer two; not bad @mcicolella what do you think about this?

[amenak77]

@romanofranz do you want to take this issue?

[romanofranz]

@amenak77 Unfortunately I'm not a Vue developer, I was just suggesting my idea because I spot the question on Twitter :(

[mcdead154]

Hi, i would like to take this issue as my first contribution, if it is still relevant.

[mcicolella]

@mcdead154 ok

[anilakodukula]

is this still an issue? The link above to the code does not work.