react-navigation Drawer always displaying when using react-native-web

[bennyticklez]

Current behavior

Web version of my app is loading in a browser using native-base, react-navigation and react-native-web but the react-navigation Drawer permanently displays (even with headerShown set to false) and no interaction will get rid of it.

Expected behavior

Menu should function correctly.

Reproduction

https://github.com/bennyticklez/testApp

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/​bottom-tabs
• @react-navigation/​drawer
• @react-navigation/​material-bottom-tabs
• @react-navigation/​material-top-tabs
• @react-navigation/​stack
• @react-navigation/​native-stack

Environment

• [] I've removed the packages that I don't use

package	version
@react-native-firebase/app	15.7.0
@react-native-firebase/auth	15.7.0
@react-navigation/drawer	6.4.1
@react-navigation/native	6.0.10
@react-navigation/stack	6.3.1
native-base	3.4.17
process	0.11.10
react	18.1.0
react-dom	18.2.0
react-native	0.70.2
react-native-gesture-handler	2.4.2
react-native-linear-gradient	2.6.2
react-native-pager-view	5.4.24
react-native-reanimated	3.0.0-rc.3
react-native-safe-area-context	4.4.1
react-native-screens	3.13.1
react-native-svg	13.4.0
react-native-tab-view	3.1.1
react-native-vector-icons	9.1.0
react-native-web	0.17.7
react-native-web-linear-gradient	1.1.2
typescript	4.8.4
@babel/core	7.12.9
@babel/runtime	7.12.5
@react-native-community/eslint-config	2.0.0
@types/jest	26.0.23
@types/node	18.8.4
@types/react	18.0.21
@types/react-dom	18.0.6
@types/react-native	0.70.4
@types/react-native-vector-icons	6.4.12
babel-jest	26.6.3
babel-loader	8.2.5
babel-plugin-react-native-web	0.18.9
css-loader	6.7.1
eslint	7.32.0
html-webpack-plugin	5.5.0
jest	26.6.3
metro-react-native-babel-preset	0.72.3
react-test-renderer	18.1.0
style-loader	3.3.1
url-loader	4.1.1
webpack	5.74.0
webpack-cli	4.10.0
webpack-dev-server	4.11.1

[github-actions]

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link, a www.typescriptlang.org/play link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

A repro will help us debug the issue. The issue will be closed automatically after a while if you don't provide a repro.

[github-actions]

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• @react-navigation/drawer (found: 6.4.1, latest: 6.5.0)
• @react-navigation/native (found: 6.0.10, latest: 6.0.13)
• @react-navigation/stack (found: 6.3.1, latest: 6.3.2)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[bennyticklez]

here is a link to the repo to highlight the error:
https://github.com/bennyticklez/testApp

Install the node_modules:
yarn

then to run web...
yarn web

[storm2513]

It's not working properly since 6.3.2

6.3.1 works fine