diff --git a/bigbluebutton-html5/imports/ui/components/common/tooltip/bbbtip.css b/bigbluebutton-html5/imports/ui/components/common/tooltip/bbbtip.css
index c3e785827e..a810d65bd8 100644
--- a/bigbluebutton-html5/imports/ui/components/common/tooltip/bbbtip.css
+++ b/bigbluebutton-html5/imports/ui/components/common/tooltip/bbbtip.css
@@ -1,16 +1,16 @@
-.tippy-tooltip.bbbtip-theme{
+.tippy-box[data-theme~='bbbtip']{
color:#fff;
background-color:#333333;
padding: .25rem .5rem;
border-radius: 4px;
}
-.tippy-tooltip.bbbtip-theme>.tippy-svg-arrow{
+.tippy-box[data-theme~='bbbtip']>.tippy-svg-arrow{
fill: #333333;
background-color: transparent;
}
-.tippy-tooltip.bbbtip-theme>.tippy-content{
+.tippy-box[data-theme~='bbbtip']>.tippy-content{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
diff --git a/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx b/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx
index 3d536ab526..a2334def37 100755
--- a/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx
@@ -15,7 +15,7 @@ const ANIMATION_DURATION = 350;
const ANIMATION_DELAY = [150, 50];
const DEFAULT_ANIMATION = 'shift-away';
const ANIMATION_NONE = 'none';
-const TIP_OFFSET = '0, 10';
+const TIP_OFFSET = [0, 10];
const propTypes = {
title: PropTypes.string,
@@ -87,7 +87,7 @@ class Tooltip extends Component {
onHide: this.onHide,
offset: TIP_OFFSET,
placement: overridePlacement,
- touch: 'hold',
+ touch: ['hold', 1000],
theme: 'bbbtip',
multiple: false,
};
diff --git a/bigbluebutton-html5/package-lock.json b/bigbluebutton-html5/package-lock.json
index b6a135161e..507372496c 100644
--- a/bigbluebutton-html5/package-lock.json
+++ b/bigbluebutton-html5/package-lock.json
@@ -7859,11 +7859,6 @@
"semver-compare": "^1.0.0"
}
},
- "popper.js": {
- "version": "1.16.1",
- "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
- "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
- },
"postcss": {
"version": "8.4.27",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
@@ -9119,11 +9114,11 @@
"dev": true
},
"tippy.js": {
- "version": "5.2.1",
- "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-5.2.1.tgz",
- "integrity": "sha512-66UT6JRVn3dXNCORE+0UvUK3JZqV/VhLlU6HTDm3FmrweUUFUxUGvT8tUQ7ycMp+uhuLAwQw6dBabyC+iKf/MA==",
+ "version": "6.3.7",
+ "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+ "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
"requires": {
- "popper.js": "^1.16.0"
+ "@popperjs/core": "^2.9.0"
}
},
"to-fast-properties": {
diff --git a/bigbluebutton-html5/package.json b/bigbluebutton-html5/package.json
index a1b6b1bd04..64afb54e5b 100644
--- a/bigbluebutton-html5/package.json
+++ b/bigbluebutton-html5/package.json
@@ -102,7 +102,7 @@
"string-hash": "~1.1.3",
"styled-components": "^5.3.3",
"subscriptions-transport-ws": "^0.11.0",
- "tippy.js": "^5.1.3",
+ "tippy.js": "^6.3.7",
"use-context-selector": "^1.3.7",
"uuid": "^9.0.0",
"wasm-feature-detect": "^1.5.1",