EasyUI Forum
May 03, 2024, 01:29:43 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: Combobox Values not displayed in maximized panel  (Read 4154 times)
Darrel
Jr. Member
**
Posts: 74


View Profile
« on: September 07, 2018, 07:59:32 AM »

Hello team,

I'm stuck on a weird issue. I have a panel that gets maximized on the full screen done with the help of the following link: https://www.jeasyui.com/forum/index.php?topic=5353.0

The issue now is, if there is a combobox present inside the panel, it displays the drop down values properly. But if we maximize the panel and then try to select/change the combobox value, it does not display the drop down values. I'm able to select the values only if the panel is in normal or restored state. I'm suspecting this is due to the z-index changes in the max class.

The link for the issue faced is as follows: https://jsfiddle.net/ap6se2wL/1/

You can check the same by maximizing the url and checking that the dropdown values are displayed or not.

I tried setting max in the easyui-combobox class as well but it didn't help. What can I do to view the dropdown values even if the panel is maximized.

Regards,
Darrel
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #1 on: September 07, 2018, 05:18:13 PM »

Please set the 'max' with a smaller 'z-index' value.
Code:
	<style>
.max{
position: absolute;
left: 0;
top: 0;
z-index: 99999;
}
</style>

Here is the updated example https://jsfiddle.net/ap6se2wL/3/
Logged
medandevelop
Newbie
*
Posts: 9


View Profile
« Reply #2 on: September 07, 2018, 09:50:21 PM »

thank you jarry  Smiley
Logged
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!