@one-grid-core/angular 0.5.3 → 0.5.5

package/lib/components/one-grid/one-grid.component.d.ts

@@ -107,6 +107,7 @@ export declare class OneGridComponent<T> implements OnInit, OnChanges, AfterView
     editType: 'fullRow' | null;
     onGridReady: EventEmitter<OneGridReadyEvent<T>>;
     onRowGotoDetail: EventEmitter<OneGridRowActionEvent<T>>;
+    onRowDetail: EventEmitter<OneGridRowActionEvent<T>>;
     onRowAddNew: EventEmitter<OneGridRowActionEvent<T>>;
     onRowView: EventEmitter<OneGridRowActionEvent<T>>;
     onRowLocation: EventEmitter<OneGridRowActionEvent<T>>;
@@ -240,6 +241,7 @@ export declare class OneGridComponent<T> implements OnInit, OnChanges, AfterView
      * Bind Row Action Events to Parent Component
      */
     invokeRowActionGotoDetail(event: OneGridRowActionEvent<T>): void;
+    invokeRowActionDetail(event: OneGridRowActionEvent<T>): void;
     invokeRowActionAddNew(event: OneGridRowActionEvent<T>): void;
     invokeRowActionView(event: OneGridRowActionEvent<T>): void;
     invokeRowActionLocation(event: OneGridRowActionEvent<T>): void;
@@ -290,5 +292,5 @@ export declare class OneGridComponent<T> implements OnInit, OnChanges, AfterView
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OneGridComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridComponent<any>, "one-grid", never, { "rowNumber": { "alias": "rowNumber"; "required": false; }; "allowedEdit": { "alias": "allowedEdit"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "context": { "alias": "context"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "gridLabel": { "alias": "gridLabel"; "required": false; }; "enableGroupColumnDefs": { "alias": "enableGroupColumnDefs"; "required": false; }; "groupColumnDefs": { "alias": "groupColumnDefs"; "required": false; }; "defaultColumnDef": { "alias": "defaultColumnDef"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "pinnedTopRowData": { "alias": "pinnedTopRowData"; "required": false; }; "pinnedBottomRowData": { "alias": "pinnedBottomRowData"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "detailCellRendererParams": { "alias": "detailCellRendererParams"; "required": false; }; "detailRendererComponent": { "alias": "detailRendererComponent"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeDataChildrenField": { "alias": "treeDataChildrenField"; "required": false; }; "autoGroupColumnDef": { "alias": "autoGroupColumnDef"; "required": false; }; "groupDefaultExpanded": { "alias": "groupDefaultExpanded"; "required": false; }; "headerMenu": { "alias": "headerMenu"; "required": false; }; "filterRow": { "alias": "filterRow"; "required": false; }; "undoRedoCellEditing": { "alias": "undoRedoCellEditing"; "required": false; }; "undoRedoCellEditingLimit": { "alias": "undoRedoCellEditingLimit"; "required": false; }; "editType": { "alias": "editType"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginate": { "alias": "paginate"; "required": false; }; "clientSidePagination": { "alias": "clientSidePagination"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "rowDragEnd": "rowDragEnd"; "headerMenuClick": "headerMenuClick"; "onGridReady": "onGridReady"; "onRowGotoDetail": "onRowGotoDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowCopy": "onRowCopy"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowSelection": "onRowSelection"; "onShiftDoubleClick": "onShiftDoubleClick"; "rowCountChanged": "rowCountChanged"; "selectionChanged": "selectionChanged"; "expansionChanged": "expansionChanged"; "sortChanged": "sortChanged"; "cellValueChanged": "cellValueChanged"; "columnMoved": "columnMoved"; "columnResized": "columnResized"; "cellOptionSelect": "cellOptionSelect"; "onRowCellOption": "onRowCellOption"; "goToFirst": "goToFirst"; "goToPrevious": "goToPrevious"; "goToNext": "goToNext"; "goToLast": "goToLast"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridComponent<any>, "one-grid", never, { "rowNumber": { "alias": "rowNumber"; "required": false; }; "allowedEdit": { "alias": "allowedEdit"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "context": { "alias": "context"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "gridLabel": { "alias": "gridLabel"; "required": false; }; "enableGroupColumnDefs": { "alias": "enableGroupColumnDefs"; "required": false; }; "groupColumnDefs": { "alias": "groupColumnDefs"; "required": false; }; "defaultColumnDef": { "alias": "defaultColumnDef"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "pinnedTopRowData": { "alias": "pinnedTopRowData"; "required": false; }; "pinnedBottomRowData": { "alias": "pinnedBottomRowData"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "detailCellRendererParams": { "alias": "detailCellRendererParams"; "required": false; }; "detailRendererComponent": { "alias": "detailRendererComponent"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeDataChildrenField": { "alias": "treeDataChildrenField"; "required": false; }; "autoGroupColumnDef": { "alias": "autoGroupColumnDef"; "required": false; }; "groupDefaultExpanded": { "alias": "groupDefaultExpanded"; "required": false; }; "headerMenu": { "alias": "headerMenu"; "required": false; }; "filterRow": { "alias": "filterRow"; "required": false; }; "undoRedoCellEditing": { "alias": "undoRedoCellEditing"; "required": false; }; "undoRedoCellEditingLimit": { "alias": "undoRedoCellEditingLimit"; "required": false; }; "editType": { "alias": "editType"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginate": { "alias": "paginate"; "required": false; }; "clientSidePagination": { "alias": "clientSidePagination"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "rowDragEnd": "rowDragEnd"; "headerMenuClick": "headerMenuClick"; "onGridReady": "onGridReady"; "onRowGotoDetail": "onRowGotoDetail"; "onRowDetail": "onRowDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowCopy": "onRowCopy"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowSelection": "onRowSelection"; "onShiftDoubleClick": "onShiftDoubleClick"; "rowCountChanged": "rowCountChanged"; "selectionChanged": "selectionChanged"; "expansionChanged": "expansionChanged"; "sortChanged": "sortChanged"; "cellValueChanged": "cellValueChanged"; "columnMoved": "columnMoved"; "columnResized": "columnResized"; "cellOptionSelect": "cellOptionSelect"; "onRowCellOption": "onRowCellOption"; "goToFirst": "goToFirst"; "goToPrevious": "goToPrevious"; "goToNext": "goToNext"; "goToLast": "goToLast"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
 }

package/lib/components/one-grid-body/one-grid-body.component.d.ts

@@ -77,6 +77,7 @@ export declare class OneGridBodyComponent<T> implements OnInit, AfterViewInit, O
      * Passing Row Action Events to Parent
      */
     onRowGotoDetail: EventEmitter<OneGridRowActionEvent<T>>;
+    onRowDetail: EventEmitter<OneGridRowActionEvent<T>>;
     onRowAddNew: EventEmitter<OneGridRowActionEvent<T>>;
     onRowView: EventEmitter<OneGridRowActionEvent<T>>;
     onRowCopy: EventEmitter<OneGridRowActionEvent<T>>;
@@ -166,6 +167,7 @@ export declare class OneGridBodyComponent<T> implements OnInit, AfterViewInit, O
      * Binding Events Row Action to Parent
      */
     invokeRowActionGotoDetail(event: OneGridRowActionEvent<T>): void;
+    invokeRowActionDetail(event: OneGridRowActionEvent<T>): void;
     invokeRowActionAddNew(event: OneGridRowActionEvent<T>): void;
     invokeRowActionView(event: OneGridRowActionEvent<T>): void;
     invokeRowActionLocation(event: OneGridRowActionEvent<T>): void;
@@ -390,5 +392,5 @@ export declare class OneGridBodyComponent<T> implements OnInit, AfterViewInit, O
     private refreshRowDragSuppressed;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OneGridBodyComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridBodyComponent<any>, "one-grid-body", never, { "rowData": { "alias": "rowData"; "required": true; }; "rowNumber": { "alias": "rowNumber"; "required": false; }; "api": { "alias": "api"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "allowedEdit": { "alias": "allowedEdit"; "required": false; }; "enableGroupColumnDefs": { "alias": "enableGroupColumnDefs"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "editType": { "alias": "editType"; "required": false; }; "context": { "alias": "context"; "required": false; }; "getRowId": { "alias": "getRowId"; "required": false; }; "gridCopy$": { "alias": "gridCopy$"; "required": true; }; "pinnedTopRowData": { "alias": "pinnedTopRowData"; "required": false; }; "pinnedBottomRowData": { "alias": "pinnedBottomRowData"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "detailRowMaxHeight": { "alias": "detailRowMaxHeight"; "required": false; }; "detailCellRendererParams": { "alias": "detailCellRendererParams"; "required": false; }; "detailGridTemplate": { "alias": "detailGridTemplate"; "required": false; }; "detailRendererComponent": { "alias": "detailRendererComponent"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeDataChildrenField": { "alias": "treeDataChildrenField"; "required": false; }; "autoGroupColumnDef": { "alias": "autoGroupColumnDef"; "required": false; }; "groupDefaultExpanded": { "alias": "groupDefaultExpanded"; "required": false; }; }, { "onRowGotoDetail": "onRowGotoDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowCopy": "onRowCopy"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowCellOption": "onRowCellOption"; "onRowSelection": "onRowSelection"; "onShiftDoubleClick": "onShiftDoubleClick"; "rowCountChanged": "rowCountChanged"; "expansionChanged": "expansionChanged"; "bodyScroll": "bodyScroll"; "cellOptionSelect": "cellOptionSelect"; "rowDragEnd": "rowDragEnd"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridBodyComponent<any>, "one-grid-body", never, { "rowData": { "alias": "rowData"; "required": true; }; "rowNumber": { "alias": "rowNumber"; "required": false; }; "api": { "alias": "api"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "allowedEdit": { "alias": "allowedEdit"; "required": false; }; "enableGroupColumnDefs": { "alias": "enableGroupColumnDefs"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "editType": { "alias": "editType"; "required": false; }; "context": { "alias": "context"; "required": false; }; "getRowId": { "alias": "getRowId"; "required": false; }; "gridCopy$": { "alias": "gridCopy$"; "required": true; }; "pinnedTopRowData": { "alias": "pinnedTopRowData"; "required": false; }; "pinnedBottomRowData": { "alias": "pinnedBottomRowData"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "detailRowMaxHeight": { "alias": "detailRowMaxHeight"; "required": false; }; "detailCellRendererParams": { "alias": "detailCellRendererParams"; "required": false; }; "detailGridTemplate": { "alias": "detailGridTemplate"; "required": false; }; "detailRendererComponent": { "alias": "detailRendererComponent"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeDataChildrenField": { "alias": "treeDataChildrenField"; "required": false; }; "autoGroupColumnDef": { "alias": "autoGroupColumnDef"; "required": false; }; "groupDefaultExpanded": { "alias": "groupDefaultExpanded"; "required": false; }; }, { "onRowGotoDetail": "onRowGotoDetail"; "onRowDetail": "onRowDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowCopy": "onRowCopy"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowCellOption": "onRowCellOption"; "onRowSelection": "onRowSelection"; "onShiftDoubleClick": "onShiftDoubleClick"; "rowCountChanged": "rowCountChanged"; "expansionChanged": "expansionChanged"; "bodyScroll": "bodyScroll"; "cellOptionSelect": "cellOptionSelect"; "rowDragEnd": "rowDragEnd"; }, never, never, true, never>;
 }

package/lib/components/one-grid-row-action/one-grid-row-action.component.d.ts

@@ -21,6 +21,7 @@ export declare class OneGridRowActionComponent<T> implements OnInit {
      * Bind Event to Parent Component
      */
     onRowGotoDetail: EventEmitter<OneGridRowActionEvent<T>>;
+    onRowDetail: EventEmitter<OneGridRowActionEvent<T>>;
     onRowAddNew: EventEmitter<OneGridRowActionEvent<T>>;
     onRowView: EventEmitter<OneGridRowActionEvent<T>>;
     onRowLocation: EventEmitter<OneGridRowActionEvent<T>>;
@@ -36,7 +37,9 @@ export declare class OneGridRowActionComponent<T> implements OnInit {
     onRowCellOption: EventEmitter<OneGridRowActionEvent<T>>;
     protected detailActiveExcludeLevels: Set<number>;
     protected gotoDetailExcludeLevels: Set<number>;
+    protected detailExcludeLevels: Set<number>;
     protected addNewExcludeLevels: Set<number>;
+    protected gotoListExcludeLevels: Set<number>;
     /**
      * Accessible names for the action buttons.
      *
@@ -45,6 +48,7 @@ export declare class OneGridRowActionComponent<T> implements OnInit {
      * These are also the `title`, so the icons are identifiable by pointer too.
      */
     protected readonly labels: {
+        readonly detail: "Detail";
         readonly gotoDetail: "Open detail";
         readonly addNew: "Add new row";
         readonly view: "View row";
@@ -85,6 +89,7 @@ export declare class OneGridRowActionComponent<T> implements OnInit {
      */
     invokeRowToggleDetailActiveExpand(node: OneRowNode): void;
     invokeRowActionGotoDetail(node: OneRowNode<T>, column: OneColumnDef<T>): void;
+    invokeRowActionDetail(node: OneRowNode<T>, column: OneColumnDef<T>): void;
     invokeRowActionAddNew(node: OneRowNode<T>, column: OneColumnDef<T>): void;
     invokeRowActionView(node: OneRowNode<T>, column: OneColumnDef<T>): void;
     invokeRowActionLocation(node: OneRowNode<T>, column: OneColumnDef<T>): void;
@@ -99,5 +104,5 @@ export declare class OneGridRowActionComponent<T> implements OnInit {
     invokeRowActionLanguage(node: OneRowNode<T>, column: OneColumnDef<T>): void;
     invokeRowActionCellOption(node: OneRowNode<T>, column: OneColumnDef<T>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OneGridRowActionComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridRowActionComponent<any>, "one-grid-row-action", never, { "column": { "alias": "column"; "required": true; }; "node": { "alias": "node"; "required": true; }; "allowedEdit": { "alias": "allowedEdit"; "required": true; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "cellRendererParams": { "alias": "cellRendererParams"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "onRowGotoDetail": "onRowGotoDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowCopy": "onRowCopy"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowCellOption": "onRowCellOption"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridRowActionComponent<any>, "one-grid-row-action", never, { "column": { "alias": "column"; "required": true; }; "node": { "alias": "node"; "required": true; }; "allowedEdit": { "alias": "allowedEdit"; "required": true; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "cellRendererParams": { "alias": "cellRendererParams"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "onRowGotoDetail": "onRowGotoDetail"; "onRowDetail": "onRowDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowCopy": "onRowCopy"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowCellOption": "onRowCellOption"; }, never, never, true, never>;
 }

package/lib/core/models/one-column-def-types.model.d.ts

@@ -90,6 +90,8 @@ export interface OneCellRendererParams<T = any> {
     detailActiveExcludeLevels?: number[];
     gotoDetailButtonStatus?: OneCellStatus;
     gotoDetailExcludeLevels?: number[];
+    detailButtonStatus?: OneCellStatus;
+    detailExcludeLevels?: number[];
     addNewButtonStatus?: OneCellStatus;
     addNewExcludeLevels?: number[];
     viewButtonStatus?: OneCellStatus;
@@ -98,6 +100,7 @@ export interface OneCellRendererParams<T = any> {
     copyButtonStatus?: OneCellStatus;
     deleteButtonStatus?: OneCellStatus;
     gotoListButtonStatus?: OneCellStatus;
+    gotoListExcludeLevels?: number[];
     optionButtonStatus?: OneCellStatus;
     languageButtonStatus?: OneCellStatus;
     editButtonStatus?: OneCellStatus;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@one-grid-core/angular",
-  "version": "0.5.3",
+  "version": "0.5.5",
   "description": "OneGrid — a feature-rich Angular data grid component with tree data, master/detail, editing, selection, pagination, and virtual scrolling.",
   "keywords": [
     "angular",

package/scss/_one-grid.scss

@@ -57,9 +57,22 @@ $row-drag-indicator-size: 2px !default;
 
 // Master / detail
 //
-// The detail area is a continuation of the row that opened it, so it sits
-// flush by default. Set this to inset it.
-$detail-padding: 0 !default;
+// The inset around a detail row's nested grid — one step of the spacing scale
+// (the same 8px as `$cell-item-space`, declared literally because that
+// variable comes later in this file).
+//
+// A gap this size is what separates the nested grid from the master rows above
+// and below it without turning it into a card: it reads as content belonging
+// to its row, and the left inset indents it the way nesting is read everywhere
+// else in the grid. Anything larger starts to float; anything smaller stops
+// registering as deliberate.
+//
+// It costs height. `node.detailRowHeight` is the nested grid's own height, and
+// the block around it is that plus this inset top and bottom, which the body's
+// fixed-`itemSize` virtual scroller cannot see — the same drift an expanded
+// row already causes, 2 × this larger. Set it to `0` for a flush detail area
+// that adds nothing at all.
+$detail-padding: 8px !default;
 
 // Cell
 $cell-height: 30px !default;
@@ -531,17 +544,18 @@ $_og-defaults: (
                 outline-offset: -2px;
             }
 
-            // A detail row is a continuation of the master row above it, not a
-            // card floating inside the grid, so it sits flush: its left edge
-            // lines up with the master grid's and it occupies exactly the
-            // height the API reserved.
+            // A detail row belongs to the master row above it, so it is inset
+            // rather than boxed: `detail-padding` all round separates it from
+            // the rows either side and indents it, and the body background
+            // shows through the gap instead of a border or a card surface.
             //
-            // That reserved height is the reason the default is 0 rather than
-            // a taste call. `node.detailRowHeight` is what the grid computes
-            // for an open row, and the body's virtual-scroll viewport is
-            // configured with a single fixed `itemSize` — any padding here is
-            // height the scroller cannot see, so it becomes scroll drift on
-            // top of the drift an expanded row already causes.
+            // The inset is the only height this box adds. The nested grid
+            // keeps exactly the height the API reserved for it — padding is
+            // never taken out of it, which would clip its last row — so the
+            // block is `node.detailRowHeight` plus the inset top and bottom.
+            // The body's virtual-scroll viewport runs on a single fixed
+            // `itemSize` and cannot see any of it; `--one-grid-detail-padding: 0`
+            // restores a flush detail area that adds nothing beyond the grid.
             //
             // `height: inherit` used to sit here. It resolved to `auto`, since
             // that is the content wrapper's computed height, so it never did