From 906c820dbbd6eccb71a30618087ff695c2118469 Mon Sep 17 00:00:00 2001
From: Jeffery To <jeffery.to@gmail.com>
Date: Tue, 27 Jul 2021 22:47:23 +0800
Subject: [PATCH] Output link/meta tags depending on web app manifest display
 value

This changes when the (apple-)mobile-web-app-capable meta tags (and
apple-touch-startup-image link tag) are printed to match the display
mode set in the web app manifest.

This also removes the apple-touch-fullscreen meta tag, as this tag has
the same effect as the apple-mobile-web-app-capable meta tag but is not
included in any Safari documentation.
---
 wp-includes/class-wp-web-app-manifest.php | 28 +++++++++++++++--------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/wp-includes/class-wp-web-app-manifest.php b/wp-includes/class-wp-web-app-manifest.php
index 044661732..4836af00c 100644
--- a/wp-includes/class-wp-web-app-manifest.php
+++ b/wp-includes/class-wp-web-app-manifest.php
@@ -74,17 +74,27 @@ public function manifest_link_and_meta() {
 		?>
 		<link rel="manifest" href="<?php echo esc_url( static::get_url() ); ?>">
 		<meta name="theme-color" content="<?php echo esc_attr( $manifest['theme_color'] ); ?>">
-		<meta name="apple-mobile-web-app-capable" content="yes">
-		<meta name="mobile-web-app-capable" content="yes">
-		<meta name="apple-touch-fullscreen" content="YES">
 		<?php
-		$icons = isset( $manifest['icons'] ) ? $manifest['icons'] : array();
-		usort( $icons, array( $this, 'sort_icons_callback' ) );
-		$icon = array_shift( $icons );
+		$display = isset( $manifest['display'] ) ? $manifest['display'] : '';
+		switch ( $display ) :
+			case 'fullscreen':
+			case 'minimal-ui':
+			case 'standalone':
+				?>
+				<meta name="apple-mobile-web-app-capable" content="yes">
+				<meta name="mobile-web-app-capable" content="yes">
+				<?php
+				$icons = isset( $manifest['icons'] ) ? $manifest['icons'] : array();
+				usort( $icons, array( $this, 'sort_icons_callback' ) );
+				$icon = array_shift( $icons );
+				?>
+				<?php if ( ! empty( $icon ) ) : ?>
+					<link rel="apple-touch-startup-image" href="<?php echo esc_url( $icon['src'] ); ?>">
+				<?php endif; ?>
+				<?php
+				break;
+		endswitch;
 		?>
-		<?php if ( ! empty( $icon ) ) : ?>
-			<link rel="apple-touch-startup-image" href="<?php echo esc_url( $icon['src'] ); ?>">
-		<?php endif; ?>
 
 		<?php $name = isset( $manifest['short_name'] ) ? $manifest['short_name'] : $manifest['name']; ?>
 		<meta name="apple-mobile-web-app-title" content="<?php echo esc_attr( $name ); ?>">