Dropdown jumps to the upper right corner if screen is too small

[asigmund]

The dropdown jumps to the upper right corner if the screen gets to small. You can reproduse the issue with the demo example. See the picture below.

[andikrueger]

This is an OfficeUiFabric Issue: OfficeDev/office-ui-fabric-core#552

[andrewconnell]

As @andikrueger says, unfortunately, this isn't something we can fix. It's a CSS bug from Office UI Fabric. They fixed it in v3, but they didn't go back and fix it in v2.6.2. Since v3 is really a fork with a TON of other CSS changes to support MDL2, and because we get the CSS from their library, we can't just upgrade out dependency to their latest version in this iteration. We aren't currently shipping a CSS file, just the JS library.

I've left a comment to see if they'll consider it, but I wouldn't expect they will address it.

If you want to address this for your implementation, suggest adding your own CSS to patch their CSS after loading their CSS file. Here's the commit that fixed it: OfficeDev/office-ui-fabric-core@3bf4cd9

[andrewconnell]

Whoa... stop the presses!

Looks like the Fabric guys are going to fix this for us. Reopening this issue to track: OfficeDev/office-ui-fabric-js#261

Once they close it I'll close this issue out. Still listed as wontfix because we aren't the ones fixing though.

[andrewconnell]

Closing the loop on this... this has been fixed upstream in Fabric 2.6.3. Will update our dependency to 2.6.3 once it reaches the CDN.

See this for reference: OfficeDev/office-ui-fabric-js#261 (comment)