mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
BUG: Treedropdowns broken inside togglecomposite fields (fixes #1945)
* Removed positioning javascript from treedropdownfield * Set parent to be relatively positioned and overflow to visible
This commit is contained in:
parent
ee784c3663
commit
8aa8674e78
@ -1,4 +1,4 @@
|
|||||||
div.TreeDropdownField { width: 400px; background: #fff; border: 1px solid #aaa; cursor: pointer; overflow: hidden; }
|
div.TreeDropdownField { width: 400px; background: #fff; border: 1px solid #aaa; cursor: pointer; overflow: visible; position: relative; }
|
||||||
div.TreeDropdownField input { border: none; background: none; padding: 0; margin: 0; }
|
div.TreeDropdownField input { border: none; background: none; padding: 0; margin: 0; }
|
||||||
div.TreeDropdownField .treedropdownfield-title { float: left; padding: 7px; width: 90%; line-height: 16px; overflow: hidden; outline: none; }
|
div.TreeDropdownField .treedropdownfield-title { float: left; padding: 7px; width: 90%; line-height: 16px; overflow: hidden; outline: none; }
|
||||||
div.TreeDropdownField .treedropdownfield-panel { clear: left; position: absolute; overflow: auto; display: none; cursor: default; border: 1px solid #aaa; border-top: none; margin: 1px 0 0 -1px; /* account for border on container div */ max-height: 200px; background-color: #fff; z-index: 50; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
|
div.TreeDropdownField .treedropdownfield-panel { clear: left; position: absolute; overflow: auto; display: none; cursor: default; border: 1px solid #aaa; border-top: none; margin: 1px 0 0 -1px; /* account for border on container div */ max-height: 200px; background-color: #fff; z-index: 50; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
|
||||||
|
@ -58,9 +58,7 @@
|
|||||||
$('body').bind('click', _clickTestFn);
|
$('body').bind('click', _clickTestFn);
|
||||||
|
|
||||||
var panel = this.getPanel(), tree = this.find('.tree-holder');
|
var panel = this.getPanel(), tree = this.find('.tree-holder');
|
||||||
var top = this.position().top + this.height();
|
|
||||||
|
|
||||||
panel.css('top', top);
|
|
||||||
panel.css('width', this.width());
|
panel.css('width', this.width());
|
||||||
|
|
||||||
panel.show();
|
panel.show();
|
||||||
|
@ -3,7 +3,8 @@ div.TreeDropdownField {
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #aaa;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: visible;
|
||||||
|
position:relative;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
border: none;
|
border: none;
|
||||||
|
Loading…
Reference in New Issue
Block a user