My app views are structured with a custom component that serves as menu that should be anchored at the bottom.
What happens is that whenever the keyboard is triggered this component gets shifted above the keyboard (which is intended behaviour for textfields etc)
How do I prevent this from happening to my component?
This is how the menu component is currently implemented:
<DockLayout> <FlexboxLayout alignItems="center" justifyContent="space-between" dock="bottom"> <Image></Image> <Image></Image> <Image></Image> <Image></Image> </FlexboxLayout> </DockLayout>
And this is how it’s used in the main component:
<ActionBar class="action-bar"> <app-action-bar></app-action-bar> </ActionBar> <router-outlet row="0"></router-outlet> <GridLayout rows="*,60 "> <StackLayout row="1"> <app-navigation></app-navigation> </StackLayout> </GridLayout>
How can I solve this?