diff --git a/react/features/base/media/components/native/VideoTrack.js b/react/features/base/media/components/native/VideoTrack.js
index c9680f0ca..dd885fee1 100644
--- a/react/features/base/media/components/native/VideoTrack.js
+++ b/react/features/base/media/components/native/VideoTrack.js
@@ -58,7 +58,9 @@ class VideoTrack extends AbstractVideoTrack {
return (
{ super.render() }
-
+
);
}
diff --git a/react/features/base/participants/components/ParticipantView.native.js b/react/features/base/participants/components/ParticipantView.native.js
index e0b7d5788..72b314b22 100644
--- a/react/features/base/participants/components/ParticipantView.native.js
+++ b/react/features/base/participants/components/ParticipantView.native.js
@@ -158,8 +158,10 @@ class ParticipantView extends Component {
};
return (
-
-
+
+
{ t(messageKey, { displayName }) }
diff --git a/react/features/base/react/components/native/Container.js b/react/features/base/react/components/native/Container.js
index 0b5c2bfd9..893426300 100644
--- a/react/features/base/react/components/native/Container.js
+++ b/react/features/base/react/components/native/Container.js
@@ -43,10 +43,17 @@ export default class Container extends AbstractContainer {
return null;
}
- let element = super._render(View, props);
+ const onClickOrTouchFeedback = onClick || touchFeedback;
+ let element
+ = super._render(
+ View,
+ {
+ pointerEvents: onClickOrTouchFeedback ? 'auto' : 'box-none',
+ ...props
+ });
// onClick & touchFeedback
- if (element && (onClick || touchFeedback)) {
+ if (element && onClickOrTouchFeedback) {
element
= React.createElement(
touchFeedback
diff --git a/react/features/base/react/components/native/TintedView.js b/react/features/base/react/components/native/TintedView.js
index 883f6c4c4..5c22d645f 100644
--- a/react/features/base/react/components/native/TintedView.js
+++ b/react/features/base/react/components/native/TintedView.js
@@ -135,9 +135,15 @@ export default class TintedView extends Component {
render() {
// XXX Don't tint the children, tint the background only.
return (
-
-
-
+
+
+
{ this.props.children }
diff --git a/react/features/conference/components/Conference.native.js b/react/features/conference/components/Conference.native.js
index be26ee8bc..e4d85b5d4 100644
--- a/react/features/conference/components/Conference.native.js
+++ b/react/features/conference/components/Conference.native.js
@@ -218,7 +218,9 @@ class Conference extends Component {
}
-
+
{/*
* The Toolbox is in a stacking layer bellow the Filmstrip.
*/}
diff --git a/react/features/toolbox/components/Toolbox.native.js b/react/features/toolbox/components/Toolbox.native.js
index 44a03a57b..f11f38ec0 100644
--- a/react/features/toolbox/components/Toolbox.native.js
+++ b/react/features/toolbox/components/Toolbox.native.js
@@ -188,6 +188,7 @@ class Toolbox extends Component {
return (
@@ -219,6 +220,7 @@ class Toolbox extends Component {
return (
{
AudioRouteButton