use box-sizing: border-box to make clientHeight === actual height

This commit is contained in:
Bruno Windels 2019-01-21 17:30:02 +01:00
parent c9d5c4903b
commit 018f3d2a5c
2 changed files with 5 additions and 1 deletions

View file

@ -171,6 +171,10 @@ limitations under the License.
.mx_RoomView_MessageList {
list-style-type: none;
padding: 18px;
margin: 0;
/* needed as min-height is set to clientHeight in ScrollPanel
to prevent shrinking when WhoIsTypingTile is hidden */
box-sizing: border-box;
}
.mx_RoomView_MessageList li {

View file

@ -689,7 +689,7 @@ module.exports = React.createClass({
blockShrinking: function() {
const messageList = this.refs.itemlist;
if (messageList) {
const currentHeight = messageList.clientHeight - 18;
const currentHeight = messageList.clientHeight;
messageList.style.minHeight = `${currentHeight}px`;
}
},