WVboxLayout inside WBorderLayout - layout wrong in IE
Added by Michelle Dupuis over 5 years ago
I have a fairly simple WVBoxLayout inside a a WBorderLayout. It looks fine in Chrome and FireFox. But in IE/Edge the west container is filling the full width of the screen (causing Center / West containers to become 0px width)
I've spent a couple of hours messing with CSS but to no avail. Are there any known issues with Wt's code under IE/Edge? (Should I give up and just say no support for IE/Edge, or is BoxLayout inside a BorderLayout a bad idea?)
I tried using the developer tools (F12) inside IE but can't figure out why the West div is using 100% width. I've stepped from the West div downwards and nothing is setting a width.
Replies (1)
RE: WVboxLayout inside WBorderLayout - layout wrong in IE - Added by Michelle Dupuis over 5 years ago
I suspect this is an IE issue, and unfortunately "width: min-content" is not supported in IE
As a workaround I added this CSS to my west container:
.ie-width-fix {
display: -ms-grid;
-ms-grid-columns: min-content;
}
It's a bit too narrow (this wraps a lot of items that should be inline) but at least my Center and East div's are visible. Hopefully someone has a more elegant solution.