Window after collapse

EasyUI Forum

October 13, 2024, 07:34:54 AM

Welcome, Guest. Please login or register.

News:

Home

Help

EasyUI Forum > General Category > Bug Report > Window after collapse

Pages: [1]

« previous next »

Author

Topic: Window after collapse (Read 8200 times)

Wojak

Jr. Member

Posts: 59

Window after collapse

« on: October 13, 2022, 02:25:23 AM »

Hi,
I am struggling with the problem that when I want to collapse a window, the background of the window remains, but the content collapses

Best regards


	Logged

jarry

Administrator
Hero Member

Posts: 2275

Re: Window after collapse

« Reply #1 on: October 13, 2022, 07:32:39 PM »

Please show an example to demonstrate your issue.


	Logged

Wojak

Jr. Member

Posts: 59

Re: Window after collapse

« Reply #2 on: October 13, 2022, 11:32:14 PM »

Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Error window</title>
<link rel="stylesheet" type="text/css" href="assets/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="assets/themes/icon.css">
<script type="text/javascript" src="assets/jquery.min.js"></script>
<script type="text/javascript" src="assets/jquery.easyui.min.js"></script>
</head>
<body>
<div id="test-window-1" class="easyui-window" title="NORMAL" style="padding:0px;"></div>
<div id="test-window-2" class="easyui-window" title="BUG" style="padding:0px;"></div>
<div id="test-window-3" class="easyui-window" title="BUG" style="padding:0px;"></div>

<script>
$('.easyui-window').window({
collapsible: true,
minimizable: false,
maximizable: false,
closable: true,
closed: true
});

$(function() {
// Works fine
$('#test-window-1').window({ height: '200px', width: '200px' });
$('#test-window-1').window('vcenter');
$('#test-window-1').window('open');

// Bugged but after resize by user is working correctly
$('#test-window-2').window({ height: '200px', width: '200px' });
$('#test-window-2').window({ title: 'BUGGED' });
$('#test-window-2').window('vcenter');
$('#test-window-2').window('open');

// Works fine with changed title
$('#test-window-3').window({ title: 'NOT BUGGED' });
$('#test-window-3').window({ height: '200px', width: '200px' });
$('#test-window-3').window('vcenter');
$('#test-window-3').window('open');
});
</script>
</body>
</html>


	Logged

jarry

Administrator
Hero Member

Posts: 2275

Re: Window after collapse

« Reply #3 on: October 14, 2022, 12:56:38 AM »

Can't reprduce the issue as you described.

Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic Window - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<div id="test-window-1" class="easyui-window" title="NORMAL" style="padding:0px;"></div>
<div id="test-window-2" class="easyui-window" title="BUG" style="padding:0px;"></div>
<div id="test-window-3" class="easyui-window" title="BUG" style="padding:0px;"></div>

<script>
$('.easyui-window').window({
collapsible: true,
minimizable: false,
maximizable: false,
closable: true,
closed: true
});

$(function() {
// Works fine
$('#test-window-1').window({ height: '200px', width: '200px' });
$('#test-window-1').window('vcenter');
$('#test-window-1').window('open');

// Bugged but after resize by user is working correctly
$('#test-window-2').window({ height: '200px', width: '200px' });
$('#test-window-2').window({ title: 'BUGGED' });
$('#test-window-2').window('vcenter');
$('#test-window-2').window('open');

// Works fine with changed title
$('#test-window-3').window({ title: 'NOT BUGGED' });
$('#test-window-3').window({ height: '200px', width: '200px' });
$('#test-window-3').window('vcenter');
$('#test-window-3').window('open');
});
</script>
</body>
</html>