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