WordPress Accordion Panel Problem on ipad
I am developing a site and using a child theme of twentynineteen. Everything seems to be working ok so far.
On the page linked to below there is an accordion panel. On desktop computer the panel works fine. Each individual panel opens and closes as it should. On an ipad, however, the panels do not close properly. When tapping the panel to close panel does not close and the page scrolls up.
It is working correctly on my desktop and on my iphone but not on my ipad.
I have had the accordion panel developer look at it and his take is "Your original page is working on iPhone but not my iPad, which is old. There could be an obscure script that manipulates touch. Could also be a media query targeting iPads specifically. It has nothing to do with iOS."
I have an exact duplicate of this page as an HTML/CSS page in a test directory. This is the page before separating it into the various WordPres php components. The accordion panels work properly on this page on ipad.
Summary - It works on desktop, it works on iphone, it works on ipad when not contained in WordPress, it does not work correctly on ipad when it is contained in WordPress.
So, it seems something about WordPress is causing this trouble with the accordion panels trigger/links when using ipad. Any help sorting this out will be greatly appreciated!
Update in case anyone else bumps up against this.
The entire problem was being caused by a script in the parent twetynineteen theme
remove this script:
wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js?ver=1.0′>
and problem is solved. Hope this may help someone.
wordpress ipad accordion
asked Dec 30 '18 at 0:25
openrangeopenrange
12
add a comment |
I am developing a site and using a child theme of twentynineteen. Everything seems to be working ok so far.
On the page linked to below there is an accordion panel. On desktop computer the panel works fine. Each individual panel opens and closes as it should. On an ipad, however, the panels do not close properly. When tapping the panel to close panel does not close and the page scrolls up.
It is working correctly on my desktop and on my iphone but not on my ipad.
I have had the accordion panel developer look at it and his take is "Your original page is working on iPhone but not my iPad, which is old. There could be an obscure script that manipulates touch. Could also be a media query targeting iPads specifically. It has nothing to do with iOS."
I have an exact duplicate of this page as an HTML/CSS page in a test directory. This is the page before separating it into the various WordPres php components. The accordion panels work properly on this page on ipad.
Summary - It works on desktop, it works on iphone, it works on ipad when not contained in WordPress, it does not work correctly on ipad when it is contained in WordPress.
So, it seems something about WordPress is causing this trouble with the accordion panels trigger/links when using ipad. Any help sorting this out will be greatly appreciated!
Update in case anyone else bumps up against this.
The entire problem was being caused by a script in the parent twetynineteen theme
remove this script:
wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js?ver=1.0′>
and problem is solved. Hope this may help someone.
wordpress ipad accordion
asked Dec 30 '18 at 0:25
openrangeopenrange
12
add a comment |
I am developing a site and using a child theme of twentynineteen. Everything seems to be working ok so far.
On the page linked to below there is an accordion panel. On desktop computer the panel works fine. Each individual panel opens and closes as it should. On an ipad, however, the panels do not close properly. When tapping the panel to close panel does not close and the page scrolls up.
It is working correctly on my desktop and on my iphone but not on my ipad.
I have had the accordion panel developer look at it and his take is "Your original page is working on iPhone but not my iPad, which is old. There could be an obscure script that manipulates touch. Could also be a media query targeting iPads specifically. It has nothing to do with iOS."
I have an exact duplicate of this page as an HTML/CSS page in a test directory. This is the page before separating it into the various WordPres php components. The accordion panels work properly on this page on ipad.
Summary - It works on desktop, it works on iphone, it works on ipad when not contained in WordPress, it does not work correctly on ipad when it is contained in WordPress.
So, it seems something about WordPress is causing this trouble with the accordion panels trigger/links when using ipad. Any help sorting this out will be greatly appreciated!
Update in case anyone else bumps up against this.
The entire problem was being caused by a script in the parent twetynineteen theme
remove this script:
wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js?ver=1.0′>
and problem is solved. Hope this may help someone.
wordpress ipad accordion
asked Dec 30 '18 at 0:25
openrangeopenrange
12
I am developing a site and using a child theme of twentynineteen. Everything seems to be working ok so far.
On the page linked to below there is an accordion panel. On desktop computer the panel works fine. Each individual panel opens and closes as it should. On an ipad, however, the panels do not close properly. When tapping the panel to close panel does not close and the page scrolls up.
It is working correctly on my desktop and on my iphone but not on my ipad.
I have had the accordion panel developer look at it and his take is "Your original page is working on iPhone but not my iPad, which is old. There could be an obscure script that manipulates touch. Could also be a media query targeting iPads specifically. It has nothing to do with iOS."
I have an exact duplicate of this page as an HTML/CSS page in a test directory. This is the page before separating it into the various WordPres php components. The accordion panels work properly on this page on ipad.
Summary - It works on desktop, it works on iphone, it works on ipad when not contained in WordPress, it does not work correctly on ipad when it is contained in WordPress.
So, it seems something about WordPress is causing this trouble with the accordion panels trigger/links when using ipad. Any help sorting this out will be greatly appreciated!
Update in case anyone else bumps up against this.
The entire problem was being caused by a script in the parent twetynineteen theme
remove this script:
wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js?ver=1.0′>
and problem is solved. Hope this may help someone.
wordpress ipad accordion
wordpress ipad accordion
asked Dec 30 '18 at 0:25
openrangeopenrange
12
asked Dec 30 '18 at 0:25
openrangeopenrange
12
edited Dec 30 '18 at 16:20
openrange
asked Dec 30 '18 at 0:25
openrangeopenrange
12
asked Dec 30 '18 at 0:25
openrangeopenrange
12
asked Dec 30 '18 at 0:25
openrangeopenrange
12
12
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53974382%2fwordpress-accordion-panel-problem-on-ipad%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53974382%2fwordpress-accordion-panel-problem-on-ipad%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
