Top half of Fab TabBarItem is not clickable

[kazo0]

Blocked by https://github.com/unoplatform/uno/issues/7393

Current behavior

Given a MaterialBottomTabBar with with one of the Items using the MaterialFabTabBarItemStyle, the translated button is only clickable for the portion of the FAB that is still "inside" the TabBar itself.

Expected behavior

Entire FAB should be clickable

How to reproduce it (as minimally and precisely as possible)

Environment

Nuget Package:

Package Version(s):

Affected platform(s):

• [x] iOS
• [x] Android
• [ ] WebAssembly
• [ ] WebAssembly renders for Xamarin.Forms
• [ ] Windows
• [ ] Build tasks

Visual Studio:

• [ ] 2017 (version: )
• [ ] 2019 (version: )
• [ ] for Mac (version: )

Relevant plugins:

• [ ] Resharper (version: )

Anything else we need to know?

[agneszitte]

I will verify if we don't have another solution / workaround for this issue

[kazo0]

Reopened by https://github.com/unoplatform/uno.toolkit.ui/pull/286

[agneszitte]

Reopened by #286

@kazo0 this can be closed again right, as #286 is now closed right?

[agneszitte]

@kazo0 maybe you can take a look at this one and check the status of this issue please

[Youssef1313]

@agneszitte-nventive I can confirm it's still not clickable :'(

[Youssef1313]

@agneszitte-nventive It looks like the workaround you added in https://github.com/unoplatform/uno.toolkit.ui/pull/183 no longer exists. Is it possible to re-add it for the current v2 styles?

[kazo0]

@Youssef1313 I believe that the old workaround was the cause of this issue: https://github.com/unoplatform/uno.toolkit.ui/issues/273

So we decided the top half of the FAB being unclickable was the lesser of two evils :(

Maybe if we layered the TabBar on top of the rest of the page content we wouldn't get this ugly visual bug, but I'm not sure if it would cause problems with touches not falling through to the content underneath