EasyUI Forum
May 15, 2024, 03:03:50 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Window inline:true error in Chrome  (Read 7828 times)
aswzen
Sr. Member
****
Posts: 287


Indonesian

aswzen
View Profile WWW Email
« 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  Huh

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
« Last Edit: June 09, 2015, 09:30:21 PM by aswzen » Logged

Regards,
Sigit

- Indonesian jEasyUI Facebook page : https://www.facebook.com/groups/jeasyuiid/
jarry
Administrator
Hero Member
*****
Posts: 2264


View Profile Email
« Reply #1 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/
Logged
aswzen
Sr. Member
****
Posts: 287


Indonesian

aswzen
View Profile WWW Email
« Reply #2 on: June 09, 2015, 11:45:25 PM »

okay fixed Smiley thankyou

you should make the documentation about that one
Logged

Regards,
Sigit

- Indonesian jEasyUI Facebook page : https://www.facebook.com/groups/jeasyuiid/
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!