Differences From Artifact [1e1cc864c6]:

• File src/default.css — part of check-in [8e12b61b50] at 2020-12-26 16:20:46 on branch chat-mode-bottom-up — Disabled position:sticky on the input area when in bottom-up chat mode pending resolution of a scrolling misbehaviour for messages with IMG tags. IMG.src is loaded async, so the scrolling is actually working but loading of the IMG.src is then pushing the message back down behind/under the input field. (user: stephan size: 40534) [more...]

To Artifact [321d1e4603]:

• File src/default.css — part of check-in [ba3ebf0de9] at 2020-12-26 17:22:05 on branch trunk — chat: disabled sticky mode of the input area for the time being due to grief in conjunction with message scrolling. When toggling between bottom/top modes, scroll to the input area. (user: stephan size: 40632)

1660
1661
1662
1663
1664
1665
1666
1667


1668
1669
1670
1671
1672
1673
1674

1660
1661
1662
1663
1664
1665
1666

1667
1668
1669
1670
1671
1672
1673
1674
1675

-
+
+

/* Wrapper for /chat user input controls */
body.chat #chat-input-area {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid black;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  position: sticky; top: 0;
  /*position: sticky; top: 0; disabled for the time being because of
    scroll-related quirks which are still unresolved. */
  z-index: 100
    /* see notes in #chat-messages-wrapper. The various popups require a
       z-index higher than this one. */;
}
body.chat.chat-bottom-up #chat-input-area {
  border-bottom: none;
  border-top: 1px solid black;