Ninja Form Text Fields are Popping Out on mobile
I have added a contact form using the Ninja Forms Wordpress plugin.
It works great in Desktop, but not so much on iPhone/Android phone(and probably all other mobile devices)! If I tap an input/text/textarea field it does focus and brings up the keyboard, but doesn't show my input and stays empty. My Select/Dropdown fields are working fine.
Troubleshooted a lot but can't figure out what the problem is!
TIA
javascript wordpress input form-fields ninja-forms
asked Nov 28 '18 at 7:22
HasanHasan
189
add a comment |
I have added a contact form using the Ninja Forms Wordpress plugin.
It works great in Desktop, but not so much on iPhone/Android phone(and probably all other mobile devices)! If I tap an input/text/textarea field it does focus and brings up the keyboard, but doesn't show my input and stays empty. My Select/Dropdown fields are working fine.
Troubleshooted a lot but can't figure out what the problem is!
TIA
javascript wordpress input form-fields ninja-forms
asked Nov 28 '18 at 7:22
HasanHasan
189
add a comment |
I have added a contact form using the Ninja Forms Wordpress plugin.
It works great in Desktop, but not so much on iPhone/Android phone(and probably all other mobile devices)! If I tap an input/text/textarea field it does focus and brings up the keyboard, but doesn't show my input and stays empty. My Select/Dropdown fields are working fine.
Troubleshooted a lot but can't figure out what the problem is!
TIA
javascript wordpress input form-fields ninja-forms
asked Nov 28 '18 at 7:22
HasanHasan
189
I have added a contact form using the Ninja Forms Wordpress plugin.
It works great in Desktop, but not so much on iPhone/Android phone(and probably all other mobile devices)! If I tap an input/text/textarea field it does focus and brings up the keyboard, but doesn't show my input and stays empty. My Select/Dropdown fields are working fine.
Troubleshooted a lot but can't figure out what the problem is!
TIA
javascript wordpress input form-fields ninja-forms
javascript wordpress input form-fields ninja-forms
asked Nov 28 '18 at 7:22
HasanHasan
189
asked Nov 28 '18 at 7:22
HasanHasan
189
asked Nov 28 '18 at 7:22
HasanHasan
189
asked Nov 28 '18 at 7:22
HasanHasan
189
asked Nov 28 '18 at 7:22
HasanHasan
189
189
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I got my issue solved, it was because of a JQuery Function that was being called on mobile design.
So if any of you guys have this type of problem make sure Ninja Form's Form elements should not be disturbed with other JS function. If you do some JS function for Ninja Forms please test those in different Screen/device Carefully.
Happy Coding.
answered Nov 28 '18 at 19:02
HasanHasan
189
add a comment |
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%2f53514131%2fninja-form-text-fields-are-popping-out-on-mobile%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I got my issue solved, it was because of a JQuery Function that was being called on mobile design.
So if any of you guys have this type of problem make sure Ninja Form's Form elements should not be disturbed with other JS function. If you do some JS function for Ninja Forms please test those in different Screen/device Carefully.
Happy Coding.
answered Nov 28 '18 at 19:02
HasanHasan
189
add a comment |
I got my issue solved, it was because of a JQuery Function that was being called on mobile design.
So if any of you guys have this type of problem make sure Ninja Form's Form elements should not be disturbed with other JS function. If you do some JS function for Ninja Forms please test those in different Screen/device Carefully.
Happy Coding.
answered Nov 28 '18 at 19:02
HasanHasan
189
add a comment |
I got my issue solved, it was because of a JQuery Function that was being called on mobile design.
So if any of you guys have this type of problem make sure Ninja Form's Form elements should not be disturbed with other JS function. If you do some JS function for Ninja Forms please test those in different Screen/device Carefully.
Happy Coding.
answered Nov 28 '18 at 19:02
HasanHasan
189
I got my issue solved, it was because of a JQuery Function that was being called on mobile design.
So if any of you guys have this type of problem make sure Ninja Form's Form elements should not be disturbed with other JS function. If you do some JS function for Ninja Forms please test those in different Screen/device Carefully.
Happy Coding.
answered Nov 28 '18 at 19:02
HasanHasan
189
answered Nov 28 '18 at 19:02
HasanHasan
189
answered Nov 28 '18 at 19:02
HasanHasan
189
answered Nov 28 '18 at 19:02
HasanHasan
189
189
add a comment |
add a comment |
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%2f53514131%2fninja-form-text-fields-are-popping-out-on-mobile%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
