nativescript-community / ui-persistent-bottomsheet

https://nativescript-community.github.io/ui-persistent-bottomsheet/
Apache License 2.0
12 stars 3 forks source link

Tap on Listview not working on real device [android 13] #11

Open kakha13 opened 1 year ago

kakha13 commented 1 year ago

app.js

import Vue from 'nativescript-vue'
import App from './components/App'

import BottomSheetPlugin from '@nativescript-community/ui-persistent-bottomsheet/vue';
import { install } from '@nativescript-community/ui-persistent-bottomsheet';
install();
Vue.use(BottomSheetPlugin);

import { install as installGestures } from '@nativescript-community/gesturehandler';
installGestures();

new Vue({
  render: (h) => h('frame', [h(App)]),
}).$start()

Home.vue

<BottomSheet :stepIndex="stepIndex" scrollViewId="scrollView" :steps="steps">
    <StackLayout height="300" class="w-full c-bg-white">
        <Label :text="item" class="text-center c-black h-full"></Label>
    </StackLayout>

    <GridLayout ~bottomSheet class=" bg-primary w-full" rows="10, *">
        <Label row="0" text=" " class="text-center" marginTop="10" marginBottom="10" borderRadius="5" width="50"
            height="3" backgroundColor="#E1E1E1" @tap="stepIndex = 1" />

        <ListView id="scrollView" :height="pageHeight" :items="items" row="1" @itemTap="onItemTap">
            <v-template>
                <GridLayout columns="120,*" class="align-middle text-left" paddingLeft="24" paddingRight="24"
                    paddingTop="6" paddingBottom="6">
                    <Label col="0" :text="item.name" class="" />
                    <Label col="1" :text="item.price" class="" textWrap="true" />
                </GridLayout>
            </v-template>
        </ListView>
    </GridLayout>
</BottomSheet>

Which platform(s) does your issue occur on?

Please, tell us how to recreate the issue in as much detail as possible.

Tested on Samsung S20 Android 13

Repo for this issue

https://github.com/kakha13/nativescript-ui-persistent-bottomsheet-listview