Атрибут min-font-size в amp-fit-text не работает внутри блока amp-list.

У меня есть amp-list, в котором есть несколько элементов. Текст внутри этих элементов иногда превышает высоту элемента. Чтобы решить эту проблему, я использую компонент amp-fit-text.

Этот компонент увеличивает или уменьшает font-size, после чего текст помещается в контейнер. Но этот компонент может сделать многоточие, если я укажу минимальный размер шрифта. Работает нормально за пределами amp-list, но атрибут min-font-size не соблюдается. В этом случае текст вписывается в содержимое, а не использует минимальный размер шрифта и создает многоточие.

Я создал скрипт, чтобы показать оба примера: https://jsfiddle.net/po5mwLka/2/


amp-html google-amp
person Diego Somar    schedule 26.07.2018    source источник
comment
Это может быть связано с тем, что amp-fit-text не знает, что такое контент. amp-list отображает данные после загрузки страницы, и к тому времени amp-fit-text выполняет свою работу. Я могу ошибаться в этой теории, но в последнее время я много работал с amp-list и заметил несколько подобных вещей. Может быть, попробуйте внедрить amp-fit-text в свои переменные JSON и отобразить его как HTML (например: {{{VARIABLE}}} - тройные фигурные скобки), чтобы увидеть, заставит ли это работать должным образом. Возможно, нет, так как JavaScript уже запущен, что заставляет amp-fit-text делать то, что он делает.   -  person Craig Scott    schedule 26.07.2018
comment
@CraigScott Спасибо за комментарий. Пробовал, результат тот же :/   -  person Diego Somar    schedule 26.07.2018

Ответы (1)


arrow_upward
0
arrow_downward

Это похоже на ошибку. Не могли бы вы сообщить о проблеме здесь.

person Sebastian Benz    schedule 26.07.2018
comment
Здравствуйте @sebastian-benz, я открыл проблему и жду ответов. Спасибо! - person Diego Somar; 26.07.2018