EasyUI Forum

General Category => Bug Report => Topic started by: aswzen on June 09, 2015, 08:38:46 PM



Title: Window inline:true error in Chrome
Post by: aswzen on June 09, 2015, 08:38:46 PM
Window inline:true error in Chrome

I have no idea why, and i can't remake the error in jsfiddle because it absolutely random
Quote
UPDATE: fortunately i can remake the error
here the fiddle (CHROME ONLY)
http://jsfiddle.net/aswzen/hocu4Lwp/
try to load the fiddle and press run..
Error comes up..press run again
Not error..press run again
Not error..press run again
Not error..press run again
Not error..press run again
Not error..press run again
Error comes up..press run again
Error comes up..press run again
Not error..press run again
Error comes up..etc
absolutely random  ???

I have a layout with 3 panels..one of my layout populated with ajax..and will load a window inside it..
but sometimes the window rendered not properly looks like the image1.jpg
and if i load the layout again the window rendered properly like images2.jpg
and if i reload again then error comes up..

for your information: the property of inline is true , when i set it to false it will render fine
this error only occurred in Chrome only


Title: Re: Window inline:true error in Chrome
Post by: jarry on June 09, 2015, 11:36:31 PM
The window has the 'position:absolute' style. If the 'inline' property set to true, it will stay in a parent container, which should has the 'position' style set to 'absolute' or 'relative'.

To solve this issue, just add 'position:relative' style to the center panel.
Code:
<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;position:relative">
  <div id="win"></div>
</div>

http://jsfiddle.net/hocu4Lwp/1/


Title: Re: Window inline:true error in Chrome
Post by: aswzen on June 09, 2015, 11:45:25 PM
okay fixed :) thankyou

you should make the documentation about that one