haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(chat) fix scrolling chat in safari

This commit is contained in:
apetrus20 2022-06-24 23:19:55 +03:00 committed by GitHub
parent 88e6aa3323
commit efb46df3d9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
package-lock.json generated
View File

@ -125,6 +125,7 @@
"redux-thunk": "2.2.0", "redux-thunk": "2.2.0",
"resemblejs": "4.0.0", "resemblejs": "4.0.0",
"rnnoise-wasm": "https://git@github.com/jitsi/rnnoise-wasm#566a16885897704d6e6d67a1d5ac5d39781db2af", "rnnoise-wasm": "https://git@github.com/jitsi/rnnoise-wasm#566a16885897704d6e6d67a1d5ac5d39781db2af",
"seamless-scroll-polyfill": "2.1.8",
"styled-components": "3.4.9", "styled-components": "3.4.9",
"util": "0.12.1", "util": "0.12.1",
"uuid": "8.3.2", "uuid": "8.3.2",
@ -16832,6 +16833,11 @@
"sdp-verify": "checker.js" "sdp-verify": "checker.js"
} }
}, },
"node_modules/seamless-scroll-polyfill": {
"version": "2.1.8",
"resolved": "https://registry.npmjs.org/seamless-scroll-polyfill/-/seamless-scroll-polyfill-2.1.8.tgz",
"integrity": "sha512-cF92Op90//vEpHphRx25rttJGXIgxcTB1WR5y0ODQhN7O4d0lSEOp5+l3sQDx0aAZ2MfXCqFEb/rG/3ghvVDIQ=="
},
"node_modules/seedrandom": { "node_modules/seedrandom": {
"version": "2.4.3", "version": "2.4.3",
"resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-2.4.3.tgz", "resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-2.4.3.tgz",
@ -32882,6 +32888,11 @@
"resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.3.0.tgz", "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.3.0.tgz",
"integrity": "sha1-V6lXWUIEHYV3qGnXx01MOgvYiPY=" "integrity": "sha1-V6lXWUIEHYV3qGnXx01MOgvYiPY="
}, },
"seamless-scroll-polyfill": {
"version": "2.1.8",
"resolved": "https://registry.npmjs.org/seamless-scroll-polyfill/-/seamless-scroll-polyfill-2.1.8.tgz",
"integrity": "sha512-cF92Op90//vEpHphRx25rttJGXIgxcTB1WR5y0ODQhN7O4d0lSEOp5+l3sQDx0aAZ2MfXCqFEb/rG/3ghvVDIQ=="
},
"seedrandom": { "seedrandom": {
"version": "2.4.3", "version": "2.4.3",
"resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-2.4.3.tgz", "resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-2.4.3.tgz",

1
package.json
View File

@ -130,6 +130,7 @@
"redux-thunk": "2.2.0", "redux-thunk": "2.2.0",
"resemblejs": "4.0.0", "resemblejs": "4.0.0",
"rnnoise-wasm": "https://git@github.com/jitsi/rnnoise-wasm#566a16885897704d6e6d67a1d5ac5d39781db2af", "rnnoise-wasm": "https://git@github.com/jitsi/rnnoise-wasm#566a16885897704d6e6d67a1d5ac5d39781db2af",
"seamless-scroll-polyfill": "2.1.8",
"styled-components": "3.4.9", "styled-components": "3.4.9",
"util": "0.12.1", "util": "0.12.1",
"uuid": "8.3.2", "uuid": "8.3.2",

3
react/features/chat/components/web/MessageContainer.js
View File

@ -1,6 +1,7 @@
// @flow // @flow
import React from 'react'; import React from 'react';
import { scrollIntoView } from 'seamless-scroll-polyfill';
import { MESSAGE_TYPE_REMOTE } from '../../constants'; import { MESSAGE_TYPE_REMOTE } from '../../constants';
import AbstractMessageContainer, { type Props } import AbstractMessageContainer, { type Props }
@ -103,7 +104,7 @@ export default class MessageContainer extends AbstractMessageContainer<Props> {
* @returns {void} * @returns {void}
*/ */
scrollToBottom(withAnimation: boolean) { scrollToBottom(withAnimation: boolean) {
this._messagesListEndRef.current.scrollIntoView({ scrollIntoView(this._messagesListEndRef.current, {
behavior: withAnimation ? 'smooth' : 'auto', behavior: withAnimation ? 'smooth' : 'auto',
block: 'nearest' block: 'nearest'
}); });