question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

RadioButtons grows wider than its parent container

See original GitHub issue

Describe the bug

<Border
    Width="260"
    Background="{ThemeResource SystemControlPageBackgroundChromeLowBrush}">
    <muxc:RadioButtons MaxColumns="3">
        <x:Int32>1</x:Int32>
        <x:Int32>2</x:Int32>
        <x:Int32>3</x:Int32>
        <x:Int32>4</x:Int32>
        <x:Int32>5</x:Int32>
        <x:Int32>6</x:Int32>
        <x:Int32>7</x:Int32>
        <x:Int32>8</x:Int32>
        <x:Int32>9</x:Int32>
    </muxc:RadioButtons>
</Border>

image As the image shows, RadioButtons shows 3 columns and gets clipped.

Expected behavior RadioButtons shows 2 columns.

Version Info NuGet package version: 2.3.191127001-prerelease

Windows 10 version Saw the problem?
Insider Build (xxxxx)
May 2019 Update (18362) Yes
October 2018 Update (17763)
April 2018 Update (17134)
Fall Creators Update (16299)
Creators Update (15063)

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
jevansakscommented, Dec 3, 2019

My feeling is that MaxColumns is a maximum but it’s not a hard requirement. So I think we should have the available width win out in this case and have only 2 columns show up. This is what i talked to @StephenLPeters doing today and he agreed.

0reactions
StephenLPeterscommented, Dec 4, 2019

Thanks all!

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS Input with width: 100% goes outside parent's bound
In your context, inputs become wider than their parent. CSS Basic Box Model. You can change the way the box model treats padding...
Read more >
Wide tables are wider than parent div · Issue #2008
Issue. It might be better to have a scrollbar appear for horizontal scrolling instead of the tables going past the parent div like...
Read more >
Auto-Growing Inputs & Textareas
One idea I had is to wrap the input in a relative inline parent and absolutely position it inside. Then, with JavaScript, we...
Read more >
Position and layout of controls (Windows Forms .NET)
This article describes the different settings provided by controls and the different types of parent containers that affect layout.
Read more >
How to Make a Child Div Element Wider than the Parent Div
On this page, we'll demonstrate how you can make a child element wider than the parent element. See what CSS properties you need...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found