From 3019ddf4574fa3e30aedfbe38c611bfb20f1c568 Mon Sep 17 00:00:00 2001
From: Helen Hou-Sandi <helen@git.wordpress.org>
Date: Fri, 10 Apr 2015 02:43:20 +0000
Subject: [PATCH] Customizer theme switcher: Fix some esoteric breakage in iOS
 Safari.

This manifested in only being able to switch your theme once in the customizer before the "Change" button would appear to stop responding, though a switch to "Preview" and back to "Customize" would reveal the theme switcher after all. Animated positioning appears to be the problem here. The animations are not critical to the experience, particularly on touch+smaller screen devices.

props iseulde.
see #31794.


git-svn-id: https://develop.svn.wordpress.org/trunk@32103 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/customize-controls.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css
index 6cd774b5fa..35585e7ae1 100644
--- a/src/wp-admin/css/customize-controls.css
+++ b/src/wp-admin/css/customize-controls.css
@@ -242,6 +242,11 @@ body {
 	transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
 }
 
+.ios .control-panel-back {
+	-webkit-transition: left 0s;
+	transition: left 0s;
+}
+
 .collapsed .control-panel-back {
 	display: none;
 }
@@ -304,6 +309,12 @@ body {
 	transition: left ease-in-out .18s;
 }
 
+.ios #customize-info,
+.ios #customize-theme-controls > ul > .accordion-section {
+	-webkit-transition: left 0s;
+	transition: left 0s;
+}
+
 .in-sub-panel #customize-info,
 .in-sub-panel #customize-theme-controls > ul > .accordion-section {
 	left: -300px;
@@ -329,6 +340,11 @@ body {
 	transition: left ease-in-out .18s;
 }
 
+.ios #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
+	-webkit-transition: left 0s;
+	transition: left 0s;
+}
+
 .control-section.control-panel .accordion-section-title .panel-title {
 	font-size: 20px;
 	font-weight: 200;