yumoqing/bricks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(DimensionFilter): use native CSS flexbox for proper height fill

Browse Source
This commit is contained in:
yumoqing 2026-07-31 11:38:09 +08:00
parent 57575d90f0
commit 1034b53341
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
bricks/dimension_filter.js
View File

@ -17,6 +17,8 @@ bricks.DimensionFilter = class extends bricks.VBox {
opts.width = '100%'; opts.width = '100%';
opts.height = '100%'; opts.height = '100%';
super(opts); super(opts);
this.dom_element.style.display = 'flex';
this.dom_element.style.flexDirection = 'column';
this.selected_h_id = 'all'; this.selected_h_id = 'all';
this.selected_v_id = 'all'; this.selected_v_id = 'all';
this.search_keyword = ''; this.search_keyword = '';
@ -74,9 +76,9 @@ bricks.DimensionFilter = class extends bricks.VBox {
} }
build_content_area(){ build_content_area(){
// Filler area: fills remaining vertical space
var content = new bricks.HBox({width: '100%', height: '100%'}); var content = new bricks.HBox({width: '100%', height: '100%'});
content.set_style('flexGrow', '1'); content.dom_element.style.flex = '1';
content.dom_element.style.overflow = 'hidden';
// Left: vertical measure buttons in scroll panel (fixed width) // Left: vertical measure buttons in scroll panel (fixed width)
this.v_scroll = new bricks.VScrollPanel({width: 'auto', height: '100%'}); this.v_scroll = new bricks.VScrollPanel({width: 'auto', height: '100%'});