Coder Social home page Coder Social logo

Comments (1)

Xiaoy312 avatar Xiaoy312 commented on May 28, 2024

Removing the minimally customized NavigationView style worked.
---
On uwp, we were using nav-view from [email protected],
looking at the style from that package: lib\uap10.0\Microsoft.UI.Xaml\Themes
The style is slightly different than what we were using,
particularly the part where we have "ItemsContainerGrid"

<Grid x:Name="ItemsContainerGrid"
Grid.Row="6"
Margin="0,0,0,8">
<Grid.RowDefinitions>
<RowDefinition x:Name="MenuItemsRow"
Height="Auto"
MinHeight="{ThemeResource NavigationViewItemOnLeftMinHeight}" />
<!-- MenuItems -->
<RowDefinition Height="*"
MinHeight="21" />
<!-- Fill spacing -->
<RowDefinition Height="Auto" />
<!-- PaneFooter -->
<RowDefinition x:Name="FooterItemsRow"
Height="Auto"
MinHeight="{ThemeResource NavigationViewItemOnLeftMinHeight}" />
<!-- FooterItems -->
</Grid.RowDefinitions>
<!-- MenuItems -->
<muxc:ItemsRepeaterScrollHost HorizontalAlignment="Stretch"
VerticalAlignment="Stretch">
<ScrollViewer x:Name="MenuItemsScrollViewer"
TabNavigation="Local"
VerticalScrollBarVisibility="Auto">
<!-- Left nav ItemsRepeater -->
<muxc:ItemsRepeater x:Name="MenuItemsHost"
AutomationProperties.Name="{TemplateBinding AutomationProperties.Name}"
AutomationProperties.AccessibilityView="Content" />
</ScrollViewer>
</muxc:ItemsRepeaterScrollHost>
<muxc:NavigationViewItemSeparator x:Name="VisualItemsSeparator"
Grid.Row="1"
VerticalAlignment="Center"
Visibility="Collapsed"
HorizontalAlignment="Stretch" />
<!-- PaneFooter -->
<ContentControl x:Name="FooterContentBorder"
IsTabStop="False"
VerticalContentAlignment="Stretch"
HorizontalContentAlignment="Stretch"
Grid.Row="2" />
<!-- FooterItems -->
<muxc:ItemsRepeaterScrollHost Grid.Row="3">
<ScrollViewer x:Name="FooterItemsScrollViewer"
contract7Present:VerticalAnchorRatio="1">
<muxc:ItemsRepeater x:Name="FooterMenuItemsHost"
AutomationProperties.AccessibilityView="Content" />
</ScrollViewer>
</muxc:ItemsRepeaterScrollHost>
</Grid>

if we replace that section, with what they were using:

<muxc:ItemsRepeaterScrollHost Grid.Row="6"
                              Margin="0,0,0,20"
                              HorizontalAlignment="Stretch"
                              VerticalAlignment="Top">
    <ScrollViewer TabNavigation="Once"
                    VerticalScrollBarVisibility="Auto">
        <muxc:ItemsRepeater x:Name="MenuItemsHost"
                            AutomationProperties.Name="{TemplateBinding AutomationProperties.Name}"
                            AutomationProperties.AccessibilityView="Content">
            <muxc:ItemsRepeater.Layout>
                <muxc:StackLayout Orientation="Vertical" />
            </muxc:ItemsRepeater.Layout>
        </muxc:ItemsRepeater>
    </ScrollViewer>
</muxc:ItemsRepeaterScrollHost>

The scrollbar will start to appear.
---
Bumping that package to 2.5.0 also fixes this.

from uno.gallery.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.