Yandex maps: ограничить максимальную ширину хинта

Есть карта, реализованная средствами Yandex maps. На карте есть метки. Меткам назначены хинты, которые могут быть как короткими, так и длинными. При этом, сами хинты размещены в пейне 'hint' (таким образом они не выходят за пределы карты).

В некоторых хинтах так много текста, что, размещенный без переносов, такой текст делает хинт шире ширины карты, из-за чего часть хинта прочитать не удается.

Моя цель: стилизовать хинт так, чтобы он, с одной стороны, не был шире необходимого (поэтому фиксированная ширина не подойдет: слишком короткий текст будет иметь избыточную ширину), с другой стороны, чтобы слишком широкий хинт не был шире размеров карты, и переносился на вторую строку.

Вот ссылка на песочницу с примером, показывающий проблему. На одной метке текст хинта слишком длинный, на второй -- короткий. Нужно, чтобы ширина "короткого" хинта осталась неизменной. А длинный должен переносится так, чтобы весь текст был виден.

https://jsbin.com/siqajux/edit?js,output

Каким образом я могу добиться такого эффекта? Знаю, что есть возможность кастомизировать макет, однако средствами css такого поведения я добиться не могу, скорее всего нужно действовать через js. Подскажите, в какую сторону смотреть?


Ответы (0 шт):