Comments (16)
Try (As shown from the demo's)
.resizer-open, .resizer-east-open /*to set for a specific pane resizer*/
{
border.....
}
from layout.
Did you manage to come right @wonsuc
from layout.
Thanks for the update -
Can you attach a replica I could check? Can't seem to replicate it.
from layout.
Thanks for the quick response.
I figured out the problem.
/* BOX SIZING FIX */
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
Currently, most web configures their stylesheet's box-sizing
property to border-box
, but if you put this CSS code, this issue happens only in IE.
I hope it will be fixed soon :)
from layout.
Any feedback?
from layout.
what would you recommend the fix forward would be? :)
from layout.
I didn't investigate the source code of this library, so I don't know how this library measure sizes of elements. But there must be some bug since the Chrome browser has no issue and only IE has this issue.
The expected behavior is the same result even the border-sizing
property is border-box
.
Every website which uses border-box
will render layout wrongly with this library.
I'm sorry that I can't provide detail workaround.
from layout.
are you on gitter?
from layout.
I think jquery 3.4 solves it -
can you test the attachment nested.html please?
You will see I set the border at the top
from layout.
Was it jQuery's bug? I'm using jQuery 3.3.1 currently, I will try 3.4 and I will let you know.
Thanks for the response.
from layout.
No not a bug, I believe has to do with the .position() vs .offset() thingy with IE, there was just changes to height and width calcs in 3.4 :)
https://blog.jquery.com/2019/04/10/jquery-3-4-0-released/
from layout.
But the attachment works with the CSS provided, the current layout version, and JQuery 3.4, in the complex layout demonstration, so hoping you come back with a working verification ;)
from layout.
It works, but the right border of the box has 2-pixel border.
You mean your attachment solution will not work with an older version of jQuery?
from layout.
Dunno, can't replicate it -
Work with me here man :) Are you saying that the demo is not what you want, the output on my machine is identical in IE 11 Chrome and Firefox?
From the description it's closer to something else firing after the resizeAll event that IE isn't working with, which is why the demo is fine?
Firing a resizeAll event on your page after $.ready may just do the trick
If we change the base core of presentation, because this is used is libraries like PrimeFaces (14 mil people), thats a lot of people not experiencing this, and a change to the layout handling methods will be very impactful.
from layout.
.ui-layout-resizer-west {
/* border-left: 1px solid #BBB; */
}
Commenting out this line from your code fixed the issue, thank you for the support.
from layout.
Phew! :)
from layout.
Related Issues (18)
- Updated docs site? HOT 3
- AMD Module HOT 2
- Move to jQuery 3. HOT 3
- Host on CDN? Merge with upstream? HOT 8
- $.isArray is deprecated HOT 15
- JQMIGRATE 3.3 HOT 7
- How to install it with npm? HOT 1
- Cookie: Use SameSite=Strict if secure HOT 8
- Cookie Warning Still? HOT 6
- Use jQuery UI Draggable iframeFix instead of maskContents? HOT 6
- Jquery Cookie Still Included? HOT 3
- EncodeJSON/DecodeJSON HOT 1
- Buggy on Chrome HOT 12
- Resize Bar issue when loading JS file dynamically HOT 2
- Saving state in nested layouts HOT 2
- Remove IE Support
- The latest version 1.9.0 is still stable? HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from layout.