как установить maxWidth в ReferenceArrayInput - PullRequest
Новая
       9

как установить maxWidth в ReferenceArrayInput

0 голосов
/ 21 октября 2018

Я пытаюсь установить максимальную длину для моего ReferenceArrayInput

Я понял, что elStyle и стиль устарели, поэтому я попытался передать стили с withStyles без каких-либо результатов 

import { withStyles } from '@material-ui/core/styles';
const styles = {
    maxInputSize: {  
        maxWidth: 600,
        width: 600,
    },
};

const MaxWidthReferenceArrayInput =  withStyles(styles)(
    ({ classes, ...props }) => 
    <ReferenceArrayInput label="Tasks" source="tasks" reference="tasks" 
        allowEmpty={true} className={classes.maxInputSize} {...props}>
        <AutocompleteArrayInput optionText="alias" className={classes.maxInputSize}
            options={{ allowDuplicates:false}}/>
    </ReferenceArrayInput>
);

В демоверсииздесь: https://github.com/TeamWertarbyte/material-ui-chip-input кажется, что ширина не расширяется постоянно.В реакции-администратора я получаю этот эффект: enter image description here

Вот код и окно с withStyles на ReferenceArrayInput: https://codesandbox.io/s/1oj3j8yj0j - пожалуйста, нажмите на сообщение и попробуйте добавить каккак можно больше тегов, чтобы увидеть эффект

Редактировать Я недавно открыл здесь проблему: https://github.com/marmelab/react-admin/issues/2478

...