ListView not scrollable in RadSideDrawer with drawerLocation="Bottom"

[Jeric Paul]

Hi,

I am using 1.5.1 of RadSideDrawer (Angular version), and I am encountering an issue:

Inside the tkDrawerContent of a RadSideDrawer, I have a ScrollView with a ListView inside (ListView is mostly kept to default; no orientation settings).

Now:

- if my RadSideDrawer's drawerLocation="Bottom", then the embedded ListView is unscrollable in the vertical dimension

- if my RadSideDrawer's drawerLocation="Left", then the embedded ListView is scrollable in the vertical dimension

 

I imagine the vertical scrolling for ListView is overridden by the RadSideDrawer control, to get a handle on when the SideDrawer should be hidden/expanded.

Nevertheless, is it possible to: keep RadSideDrawer's drawerLocation="Bottom", and still have a (vertical by default) ListView?

[Nikolay Tsonev]

Hello,
Thank you for interest in RadSideDrawer component.

I reviewed your case and tested the scenario with RadSideDrawer's drawerLocation="Bottom" with ListView, was unable to reproduce any problem. For your convenience I attaching sample code snippets, which I created while debugging. The whole project could be found here.

<GridLayout>
    <RadSideDrawer exampleTitle toggleNavButton drawerLocation="Bottom">
        <StackLayout tkDrawerContent class="sideStackLayout">
            <StackLayout>
                <StackLayout height="50">
                    <Label text="Close" textWrap="true"></Label>

                </StackLayout>
                <ScrollView orientation="horizontal">
                    <GridLayout rows="" columns="150 150">
                        <ListView col="0" [items]="countries" class="list-group" (itemTap)="onItemTap($event)">
                            <template let-country="item" let-i="index" let-odd="odd" let-even="even">
                                <GridLayout class="list-group-item">
                                    <Label [text]="country.name"></Label>
                                </GridLayout>
                            </template>
                        </ListView>
                        <ListView col="1" [items]="countries" class="list-group" (itemTap)="onItemTap($event)">
                            <template let-country="item" let-i="index" let-odd="odd" let-even="even">
                                <GridLayout class="list-group-item">
                                    <Label [text]="country.name"></Label>
                                </GridLayout>
                            </template>
                        </ListView>
                    </GridLayout>
                </ScrollView>

            </StackLayout>
        </StackLayout>
        <StackLayout tkMainContent>
            <Label text="Second page" textWrap="true" class="drawerContentText"></Label>
            <Button text="OPEN DRAWER" (tap)=openDrawer()></Button>
        </StackLayout>
    </RadSideDrawer>
</GridLayout>

If this does not help, could you send us sample project, where your issue could be debugged 

Hope this helps.
Regards,
nikolay.tsonev
Telerik by Progress