Skip to content
This repository was archived by the owner on May 1, 2024. It is now read-only.
This repository was archived by the owner on May 1, 2024. It is now read-only.

[Bug] TabView TabStripHeight Resizing Incorrectly  #1729

Open
@AdrianJakubcik

Description

@AdrianJakubcik

Description

Creating a new TabView and using FontImageSource for Icon, renders the icons very tiny as can be seen in the pictures attached below. So, I tried setting the TabStripHeight property to make the TabStrip bigger and allow the icon to scale up, worked perfectly as intended. However, shortly after I noticed that the TabStrip container did resize but not in the main container so it ended up overlapping content in the carousel view as shown in the pictures below.

Steps to Reproduce

  1. Create TabView
  2. Add TabViewItems
  3. Set TabStripHeight 65 for example
  4. Look how the TabStrip overlaps the carousel content

Expected Behavior

No overlap, the main container Grid should resize its rows according to the new HeightRequest

Actual Behavior

The main container grid should resize the TabStrip row according to the height user requested, looking at the source code it seems the height of the row in the main container is set to auto by default, and then on TabStripHeight_changed the TabStripBackground height is updated... but the row height is never updated in the main container not by auto nor by setting new row definitions.

Basic Information

  • Version with issue: 1.3.0
  • Last known good version:
  • IDE: VS 2019
  • Platform Target Frameworks:
    • Android: 9,10,11

Reproduction imagery

Small Icons when using FontImageSource
image

TabStrip overlapping content in Carousel (The blue marker shows how much it overlaps)
image

TabStrip overlapping FooterButton in ListView
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    a/TabViewbugSomething isn't working. Breaky break.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions