Skip to content

[Segmented] Mouse over style does not follow SegmentedItem cornerradius #716

@HEIC-to-JPEG-Dev

Description

@HEIC-to-JPEG-Dev

Describe the bug

Changing the corner radius of the SegmentedItem works when an item is selected, but when the mouse goes over an un-selected item it ignores the settings and shows a gray area using default settings

Steps to reproduce

<ct:Segmented SelectedIndex="1" HorizontalAlignment="Center" CornerRadius="18" Padding="4,4,16,4">
	<ct:SegmentedItem Content="Settings" CornerRadius="15" />
	<ct:SegmentedItem Content="Start" Margin="0,0,32,0" CornerRadius="15"/>
</ct:Segmented>

Expected behavior

Mouse over highlight should be the same shape as the selected items

Screenshots

Image As you can see, the white Start segmenteditem is how they should look, but the mouse over "Settings" is a different shape.

Code Platform

  • UWP
  • WinAppSDK / WinUI 3
  • Web Assembly (WASM)
  • Android
  • iOS
  • MacOS
  • Linux / GTK

Windows Build Number

  • Windows 10 1809 (Build 17763)
  • Windows 10 1903 (Build 18362)
  • Windows 10 1909 (Build 18363)
  • Windows 10 2004 (Build 19041)
  • Windows 10 20H2 (Build 19042)
  • Windows 10 21H1 (Build 19043)
  • Windows 10 21H2 (Build 19044)
  • Windows 10 22H2 (Build 19045)
  • Windows 11 21H2 (Build 22000)
  • Other (specify)

Other Windows Build number

No response

App minimum and target SDK version

  • Windows 10, version 1809 (Build 17763)
  • Windows 10, version 1903 (Build 18362)
  • Windows 10, version 1909 (Build 18363)
  • Windows 10, version 2004 (Build 19041)
  • Windows 10, version 2104 (Build 20348)
  • Windows 11, version 22H2 (Build 22000)
  • Other (specify)

Other SDK version

No response

Visual Studio Version

2022

Visual Studio Build Number

Version 17.14.10

Device form factor

Desktop

Additional context

No response

Help us help you

No, I'm unable to contribute a solution.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingcomponents::controls::segmentedA common UI control to configure a view or setting.ux 🖌️Everything design related

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions