Ярлык текстового поля пользовательского интерфейса - PullRequest
Новая
       81

Ярлык текстового поля пользовательского интерфейса

0 голосов
/ 26 марта 2020

Я пытаюсь масштабировать текстовое поле в пользовательском интерфейсе материала, чтобы оно реагировало на изменения размеров окна. Я смог масштабировать фактический размер текстового поля, но когда я это делаю, метка больше не сидит правильно в текстовом поле, например так: enter image description here

Это код, который я использую для создания текстовое поле 

      <Autocomplete
        freeSolo
        options={top100Films.map(option => option.title)}
        renderInput={params => (
            <TextField {...params}  label="Search for places, events or lists" variant="outlined"
                InputLabelProps={{
                    style: {
                        overflow: 'hidden',
                        fontSize: '1vw', 
                    }, 
                }}
                InputProps={{ ...params.InputProps,
                    endAdornment: 
                    <InputAdornment position="end"><SearchIcon style={{fontSize:'1.5vw'}}/></InputAdornment>,
                    style: {
                      padding: '0.5vw',
                    },
                    
                }}
                inputProps={{ ...params.inputProps,
                  style: {
                    padding: '0.5vw',
                    height: '1vw',
                  }
                }}
            />
        )} {...props} />

Кто-нибудь имел проблемы с созданием динамического текстового поля c и знал бы, как go об этой проблеме?

...