Looks like we can't reproduce the issue or there's a problem in the test case provided.
-
[4.2.0 beta 2] Panel "border: false" doesn't hide the body's top border
REQUIRED INFORMATION
Ext version tested:
Browser versions tested against:
DOCTYPE tested against:
Description:
- Am I wrong to expect the body's top border hidden in the test case below according "border: false"?
Steps to reproduce the problem:
The result that was expected:
- There is no the body's top border
The result that occurs instead:
- The body's top border appears
Test Case:
Code:
<!DOCTYPE html>
<html>
<head>
<title>Panel border: false</title>
<link rel="stylesheet" href="../resources/css/ext-all.css" />
<style>
.my-panel .x-panel-header {
background-color: white;
background-image: none;
border: none;
}
/*it helps to hide the body's top border*/
/*.my-panel .x-panel-body {
border: none;
}*/
</style>
<script src="../ext-all-debug.js"></script>
<script>
Ext.onReady(function () {
Ext.create("Ext.panel.Panel", {
renderTo: Ext.getBody(),
width: 200,
height: 200,
title: "Title",
border: false,
cls: "my-panel",
});
});
</script>
</head>
<body>
</body>
</html>
HELPFUL INFORMATION
Additional CSS used:
- ext-all.css
- To hide the header's borders:
Code:
<style>
.my-panel .x-panel-header {
background-color: white;
background-image: none;
border: none;
}
/*it helps to hide the body's top border*/
/*.my-panel .x-panel-body {
border: none;
}*/
</style>
-
Thanks for the report! I have opened a bug in our bug tracker.
-
Thank you, Mitchell.
Apologize for bothering you, but these ones seem escaped away your eagle eyes.
http://www.sencha.com/forum/showthread.php?255890
http://www.sencha.com/forum/showthread.php?255370
Could you, please, take a look?
-
Sencha User
The issue is still reproducible at least in Gray theme with ExtJS 6.5.1.
Fiddle: