材質UI DropDownMenu高度爲100％

Question

我在表格列中呈現的特定頁面中有一個DropDownMenu。

當我點擊打開菜單，它與頁面高度的100％打開。

我發現沒有這樣的文件中，也沒有社會。

我沒有與子組件的相對/絕對容器關係。

我試圖設置maxHeight，但是會發生同樣的情況。

謝謝你的幫助。

編輯：

一些代碼。

這就是DropDownMenu被實例化的組件：

export default ({ 
    variables, 
}: Props) => (
    <Table multiSelectable> 
    <TableHeader enableSelectAll> 
     <TableRow> 
     <TableHeaderColumn className={styles.headerColumn}>Variável</TableHeaderColumn> 
     <TableHeaderColumn className={styles.headerColumn}>Tipo</TableHeaderColumn> 
     <TableHeaderColumn className={styles.headerColumn}>Linha 01</TableHeaderColumn> 
     <TableHeaderColumn className={styles.headerColumn}>Linha 02</TableHeaderColumn> 
     <TableHeaderColumn className={styles.headerColumn}>Linha 03</TableHeaderColumn> 
     </TableRow> 
    </TableHeader> 
    <TableBody> 
     {variables.map(variable => (
     <TableRow key={variable.id}> 
      <TableRowColumn className={styles.column}>{variable.header}</TableRowColumn> 
      <TableRowColumn className={styles.columnDropdown}> 
      <DropDownMenu value={variable.type}> 
       <MenuItem value="numerical" primaryText="Numérica" /> 
       <MenuItem value="categorical" primaryText="Categórica" /> 
       <MenuItem value="key" primaryText="Chave" /> 
       <MenuItem value="answer" primaryText="Resposta" /> 
      </DropDownMenu> 
      </TableRowColumn> 
      {variable.line.map(line => (
      <TableRowColumn key={line} className={styles.column}>{line}</TableRowColumn> 
     ))} 
     </TableRow> 
    ))} 
    </TableBody> 
    </Table> 
); 

該代碼使用SASS模塊：

.headerColumn { 
    font-size: 16px !important; 
} 

.column { 
    font-size: 14px !important; 
} 

.columnDropdown { 
    @extend .column; 
    padding-left: 0 !important; 
} 

我沒有花車，沒有什麼在這個組件是絕對的。分析打開的菜單，它取top: 0和max-height: 1014px;。不能說爲什麼。

Answer 1

[data-reactroot] { 
    height: 100% !important; 
} 

這是搞砸了。