Block Mobile Navigation JS doesn't work on iOS 16.3 and Lower

[TimBHowe]

While working on a site we ran into an issue where the mobile navigation "hamburger" menu would not open on devices with iOS 16.3 and lower.

This appears to be an issue with WordPress Core 6.5 and higher

The error that occurs is...

TypeError: Module specifier, '@wordpress/interactivity' does not start with "/", "./", or "../". Referenced from https://local.host/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js

This error occurs because iOS 16.3 and lower versions don't support ECMAScript modules (ESM) natively in all cases, particularly when using certain module specifiers without relative paths ("/", "./", or "../").

This was tested on a local host site with no plugins active and on the twentytwentythree through twentytwentyfive

### wp-core ###

version: 6.7.1
site_language: en_US
user_language: en_US
timezone: America/New_York
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 0
default_comment_status: open
environment_type: development
user_count: 2
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /home/timbhowe/Sites/local.hdev.dev/public
wordpress_size: 55.37 MB (58061734 bytes)
uploads_path: /home/timbhowe/Sites/local.hdev.dev/public/wp-content/uploads
uploads_size: 117.16 MB (122851885 bytes)
themes_path: /home/timbhowe/Sites/local.hdev.dev/public/wp-content/themes
themes_size: 286.84 MB (300776547 bytes)
plugins_path: /home/timbhowe/Sites/local.hdev.dev/public/wp-content/plugins
plugins_size: 378.34 MB (396715963 bytes)
fonts_path: /home/timbhowe/Sites/local.hdev.dev/public/wp-content/uploads/fonts
fonts_size: 1.89 MB (1982368 bytes)
database_size: 24.77 MB (25968640 bytes)
total_size: 864.37 MB (906357137 bytes)

### wp-active-theme ###

name: Twenty Twenty-Five (twentytwentyfive)
version: 1.0
author: the WordPress team
author_website: https://wordpress.org
parent_theme: none
theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, widgets-block-editor, block-templates, post-formats, editor-style
theme_path: /home/timbhowe/Sites/local.hdev.dev/public/wp-content/themes/twentytwentyfive
auto_update: Disabled

### wp-themes-inactive (17) ###

Ambitious: version: 0.2, author: Thomas Weichselbaumer, Auto-updates disabled
Armando: version: 2.0.1, author: Carolina Nymark, Auto-updates disabled
Emptytheme: version: 1.0, author: the WordPress team, Auto-updates disabled
FSE tutorial: version: 1.0.0, author: The WordPress team, Auto-updates disabled
Gutenberg Starter Theme Blocks: version: 1.0.0, author: wordpressdotorg, Auto-updates disabled
Phoenix: version: 0.1, author: Imran Sayed, Auto-updates disabled
Photo Blocks: version: 1.0, author: kjellr, Auto-updates disabled
Scaffolding: version: 3.2, author: Hall, Auto-updates disabled
Storefront: version: 4.6.0, author: Automattic, Auto-updates disabled
TT1 Blocks: version: 0.4.8, author: the WordPress team, Auto-updates disabled
Twenty Nineteen Blocks: version: 0.1, author: the WordPress team, Auto-updates disabled
Twenty Twenty Blocks: version: 0.1, author: the WordPress Theme team, Auto-updates disabled
Twenty Twenty: version: 2.8, author: the WordPress team, Auto-updates disabled
Twenty Twenty-Four: version: 1.3, author: the WordPress team, Auto-updates disabled
Twenty Twenty-One: version: 2.4, author: the WordPress team, Auto-updates disabled
Twenty Twenty-Three: version: 1.6, author: the WordPress team, Auto-updates disabled
Twenty Twenty-Two: version: 1.9, author: the WordPress team, Auto-updates disabled

### wp-plugins-inactive (0) ###

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1809
imagemagick_version: ImageMagick 7.1.1-35 Q16-HDRI x86_64 1bfce2a62:20240713 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 200M
upload_max_filesize: 200M
max_effective_size: 200 MB
max_file_uploads: 20
imagick_limits: 
	imagick::RESOURCETYPE_AREA: 125 GB
	imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
	imagick::RESOURCETYPE_FILE: 768
	imagick::RESOURCETYPE_MAP: 63 GB
	imagick::RESOURCETYPE_MEMORY: 31 GB
	imagick::RESOURCETYPE_THREAD: 1
	imagick::RESOURCETYPE_TIME: 0
imagemagick_file_formats: 3FR, 3G2, 3GP, A, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVS, B, BAYER, BAYERA, BGR, BGRA, BGRO, BMP, BMP2, BMP3, BRF, C, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, FARBFELD, FAX, FF, FFF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, FTXT, G, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K, K25, KDC, LABEL, M, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MDC, MEF, MIFF, MKV, MNG, MONO, MOS, MOV, MP4, MPC, MPEG, MPG, MPO, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, O, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, R, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, RWL, SCR, SCREENSHOT, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, SRW, STEGANO, STI, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMV, WPG, X3F, XBM, XC, XCF, XPM, XPS, XV, Y, YAML, YCBCR, YCBCRA, YUV
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP
ghostscript_version: 10.03.1

### wp-server ###

server_architecture: Linux 6.6.54-2-MANJARO x86_64
httpd_software: nginx/1.26.1
php_version: 8.1.29 64bit
php_sapi: fpm-fcgi
max_input_variables: 10000
time_limit: 120
memory_limit: 2G
max_input_time: 120
upload_max_filesize: 200M
php_post_max_size: 200M
curl_version: 8.9.0 OpenSSL/3.3.1
suhosin: false
imagick_availability: true
pretty_permalinks: true
current: 2024-11-22T16:20:27+00:00
utc-time: Friday, 22-Nov-24 16:20:27 UTC
server-time: 2024-11-22T11:20:26-05:00

### wp-database ###

extension: mysqli
server_version: 11.5.2-MariaDB
client_version: mysqlnd 8.1.29
max_allowed_packet: 16777216
max_connections: 151

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/timbhowe/Sites/local.hdev.dev/public/wp-content
WP_PLUGIN_DIR: /home/timbhowe/Sites/local.hdev.dev/public/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 2G
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: true
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: development
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8mb4
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
fonts: writable

[luisherranz]

I'm afraid support for Safari versions that don't support import maps natively was removed in #60970.

[TimBHowe]

Replying to luisherranz:

I'm afraid support for Safari versions that don't support import maps natively was removed in #60970.

This does effect the Chrome browser as well and it related to devices with iOS 16.3 and lower.

This should only effect devices older IOS devices or ones that have not been updated.

Based on the remove of the support it is probably fine to close this ticket, just wanted to make sure all the information was added an available to anyone with similar issue who find this ticket

Resources
​https://iosref.com/ios
​https://support.apple.com/en-us/102772

Thank you for your response @luisherranz.

[luisherranz]

#62641 was marked as a duplicate.