Сообщений в теме: 4

[pasha00]

Добрый день!
Возник вопрос по оформлению заказа на телефоне.
Проблема связана с выпадающими списками (например, "способ доставки" или "способ оплаты").
При нажатии на выпадающий список - происходит приближение экрана. После выбора нужного пункта из выпадающего списка, нажимаем кнопку "Готово" - экран остается в таком же увеличенном положении (см. рис1 > рис2 > рис3).
Пользователю это неудобно - нужно догадаться уменьшить масштаб вручную.
Как сделать так, чтобы масштаб автоматически возвращался к начальному состоянию?
Аккаунт 102360

Прикрепленные изображения

• 
• 
• 

[Mr.Nito]

pasha00 (12 Май 2019 - 19:04) писал:

Добрый день!
Возник вопрос по оформлению заказа на телефоне.
Проблема связана с выпадающими списками (например, "способ доставки" или "способ оплаты").
При нажатии на выпадающий список - происходит приближение экрана. После выбора нужного пункта из выпадающего списка, нажимаем кнопку "Готово" - экран остается в таком же увеличенном положении (см. рис1 > рис2 > рис3).
Пользователю это неудобно - нужно догадаться уменьшить масштаб вручную.
Как сделать так, чтобы масштаб автоматически возвращался к начальному состоянию?
Аккаунт 102360

Здравствуйте.
Проблему можно решить увеличением размера шрифта в селекте
В файле main.css

/**/
select.input {-webkit-appearance: menulist;cursor: pointer;}
/* Цвет плейсхолдера */

замените на

/**/
select.input {-webkit-appearance: menulist;cursor: pointer;}
select.input {font-size:16px;}
/* Цвет плейсхолдера */

[pasha00]

С выбором пункта из списка проблема решилась, спасибо!
Аналогичная ситуация возникает при заполнении поля "Комментарии". Как в этом случае можно исправить проблему?

[Mr.Nito]

pasha00 (23 Май 2019 - 12:22) писал:

С выбором пункта из списка проблема решилась, спасибо!
Аналогичная ситуация возникает при заполнении поля "Комментарии". Как в этом случае можно исправить проблему?

В main.css

.formfast .input-box .input {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

на

.formfast .input-box .input {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}

[pasha00]

Mr.Nito (31 Май 2019 - 12:21) писал:

В main.css

.formfast .input-box .input {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

на

.formfast .input-box .input {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}

В main.css нашел только такую строку:

.formfast .input-box .input:not(textarea) {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

Попробовал в нее добавить

font-size: 16px;

Не помогло.