fix(room): чат вылезает за панель в Firefox — min-width/min-height:0
`.chat-messages` (flex-колонка) без явного min-height:0 не сжимается до flex:1 в Firefox и растёт по контенту списка сообщений. Textarea в .chat-input-row без min-width:0 упирается в автоматическую минимальную ширину, которую Firefox считает от атрибута cols (умолчание 20 символов) — жёстче, чем Chrome/Safari.
This commit is contained in:
@@ -497,8 +497,14 @@ video[data-lk-source='screen_share'] { object-fit: contain; background: #000; }
|
||||
|
||||
.chat-empty { font: var(--text-body); color: var(--color-room-text-tertiary); margin: auto; text-align: center; }
|
||||
|
||||
/* `min-height: 0` обязателен — тот же приём, что у `.stage-side` (комментарий
|
||||
выше): без него `.chat-panel` (flex-колонка) в Firefox не сжимает
|
||||
`.chat-messages` до высоты `flex:1`, а даёт ей вырасти по контенту
|
||||
(список сообщений) и вылезти за пределы панели — Chrome в этой ситуации
|
||||
более снисходителен, Firefox — нет. */
|
||||
.chat-messages {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
padding: var(--space-5);
|
||||
display: flex;
|
||||
@@ -540,6 +546,13 @@ video[data-lk-source='screen_share'] { object-fit: contain; background: #000; }
|
||||
}
|
||||
.chat-input-row textarea {
|
||||
flex: 1;
|
||||
/* Firefox даёт `<textarea>` большую автоматическую минимальную ширину,
|
||||
завязанную на атрибут `cols` (умолчание 20 символов моноширинной
|
||||
метрики), и как flex-item без `min-width:0` отказывается сжиматься
|
||||
ниже нее — панель шириной 320px раздувается вправо. Chrome/Safari
|
||||
считают минимальную ширину textarea мягче, поэтому баг был виден
|
||||
только в Firefox. */
|
||||
min-width: 0;
|
||||
resize: none;
|
||||
background: var(--color-room-tile);
|
||||
border: 1px solid var(--color-room-tile-border);
|
||||
|
||||
Reference in New Issue
Block a user