use box-sizing: border-box to make clientHeight === actual height
This commit is contained in:
parent
c9d5c4903b
commit
018f3d2a5c
2 changed files with 5 additions and 1 deletions
|
@ -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 {
|
||||
|
|
|
@ -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`;
|
||||
}
|
||||
},
|
||||
|
|
Loading…
Reference in a new issue