Bug: Captions disappear in React Player on mobile when full screened

[AdamJaggard]

Is there an existing issue for this?

• I have searched the existing issues

Which Mux Elements/Packages does this apply to? Select all that apply

mux-player-react

Which browsers are you using?

Safari on iOS

Which operating systems are you using?

iOS

Description

In certain instances of the React Player, full screening makes the captions disappear on mobile.

Example in our docs, the top video:
https://docs.mux.com/guides/mux-player-web
In the wild:
https://www.popflick.com/play/trailer?slug=to-kill-a-mockingbird&category=crime

A different React example from our docs, where the issue doesn't occur, inside one of our sandboxes:
https://docs.mux.com/guides/player-integrate-in-your-webapp#examples

I tried to produce a reduced test case on codesandbox, but this didn't reproduce the issue. Something to do with how it's bundled?

Reduced test case

No response

Steps to reproduce

1. Open one of the example links on mobile (iOS safari confirmed)
2. Play the video
3. When captions are showing, hit fullscreen and they will disappear

Current Behavior

Captions disappear

Expected Behavior

Captions don't disappear

Errors

No response

What version of the package are you using?

v2.3.1

[gkobilansky]

I can confirm we found this bug in our app after switching to mux-player. I was able to work around it by using the minimal theme - https://docs.mux.com/guides/player-themes

[cjpillsbury]

Issue should (finally) be resolved in the latest release! Let me know if you're still having problems and we can re-open or create a new issue.