Mixing
ionic 4 show footer above the keyboard
I have a problem with the keyboard in my application ionic 4.
the text box in the footer is hidden when the keyboard is displayed, which makes it impossible to see what is written in the text box.
without keyboard
when the keyboard is displayed
thank you for proposing a solution to my problem
angular ionic-framework asked Dec 31 '18 at 15:49
HACKING CORPHACKING CORP
74
add a comment |
I have a problem with the keyboard in my application ionic 4.
the text box in the footer is hidden when the keyboard is displayed, which makes it impossible to see what is written in the text box.
without keyboard
when the keyboard is displayed
thank you for proposing a solution to my problem
angular ionic-framework asked Dec 31 '18 at 15:49
HACKING CORPHACKING CORP
74
Please share your markup
– HasilT
Jan 1 at 16:25
I already added the footer code in my post
– HACKING CORP
Jan 2 at 19:17
add a comment |
I have a problem with the keyboard in my application ionic 4.
the text box in the footer is hidden when the keyboard is displayed, which makes it impossible to see what is written in the text box.
without keyboard
when the keyboard is displayed
thank you for proposing a solution to my problem
angular ionic-framework asked Dec 31 '18 at 15:49
HACKING CORPHACKING CORP
74
I have a problem with the keyboard in my application ionic 4.
the text box in the footer is hidden when the keyboard is displayed, which makes it impossible to see what is written in the text box.
without keyboard
when the keyboard is displayed
thank you for proposing a solution to my problem
angular ionic-framework angular ionic-framework asked Dec 31 '18 at 15:49
HACKING CORPHACKING CORP
74
asked Dec 31 '18 at 15:49
HACKING CORPHACKING CORP
74
edited Jan 4 at 11:38
HACKING CORP
asked Dec 31 '18 at 15:49
HACKING CORPHACKING CORP
74
asked Dec 31 '18 at 15:49
HACKING CORPHACKING CORP
74
asked Dec 31 '18 at 15:49
HACKING CORPHACKING CORP
74
74
Please share your markup
– HasilT
Jan 1 at 16:25
I already added the footer code in my post
– HACKING CORP
Jan 2 at 19:17
add a comment |
Please share your markup
– HasilT
Jan 1 at 16:25
I already added the footer code in my post
– HACKING CORP
Jan 2 at 19:17
Please share your markup
– HasilT
Jan 1 at 16:25
Please share your markup
– HasilT
Jan 1 at 16:25
I already added the footer code in my post
– HACKING CORP
Jan 2 at 19:17
I already added the footer code in my post
– HACKING CORP
Jan 2 at 19:17
add a comment |
2 Answers
2
active
oldest
votes
i am pretty certain you have you application in fullscreen mode if so please remove the full screen mode as it does not go with ionic 4 footer inputs.
answered Jan 2 at 5:20
YushinYushin
1
I remove the fullscreen mode on config.xml but I already have the same error
– HACKING CORP
Jan 2 at 19:14
dont forget to set the keyboard to ionic.
– Yushin
Jan 3 at 5:43
how to do it? because I tried a lot of solution but without success
– HACKING CORP
Jan 3 at 7:48
<preference name="KeyboardResize" value="true" /> <preference name="KeyboardResizeMode" value="Ionic" />
– Yushin
Jan 3 at 8:56
thank you so much. but it still does not work
– HACKING CORP
Jan 3 at 9:45
|
show 2 more comments
Have you tried Using a regular <input type="text"> instead of <ion-input type="text">. That was easy fix for me on ionic 3.
answered Jan 2 at 16:18
PrashantPrashant
692615
I tried this solution, but I'm falling on an error...... {Template parse errors: Void elements do not have end tags "input" ("-toolbar> <input type="text" [(ngModel)]="message" placeholder="Write your message ...">[ERROR ->]</input> <ion-buttons end> <button ion-button (click)="sendMessage()">}
– HACKING CORP
Jan 2 at 19:10
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%2f53989188%2fionic-4-show-footer-above-the-keyboard%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
i am pretty certain you have you application in fullscreen mode if so please remove the full screen mode as it does not go with ionic 4 footer inputs.
answered Jan 2 at 5:20
YushinYushin
1
I remove the fullscreen mode on config.xml but I already have the same error
– HACKING CORP
Jan 2 at 19:14
dont forget to set the keyboard to ionic.
– Yushin
Jan 3 at 5:43
how to do it? because I tried a lot of solution but without success
– HACKING CORP
Jan 3 at 7:48
<preference name="KeyboardResize" value="true" /> <preference name="KeyboardResizeMode" value="Ionic" />
– Yushin
Jan 3 at 8:56
thank you so much. but it still does not work
– HACKING CORP
Jan 3 at 9:45
|
show 2 more comments
i am pretty certain you have you application in fullscreen mode if so please remove the full screen mode as it does not go with ionic 4 footer inputs.
answered Jan 2 at 5:20
YushinYushin
1
I remove the fullscreen mode on config.xml but I already have the same error
– HACKING CORP
Jan 2 at 19:14
dont forget to set the keyboard to ionic.
– Yushin
Jan 3 at 5:43
how to do it? because I tried a lot of solution but without success
– HACKING CORP
Jan 3 at 7:48
<preference name="KeyboardResize" value="true" /> <preference name="KeyboardResizeMode" value="Ionic" />
– Yushin
Jan 3 at 8:56
thank you so much. but it still does not work
– HACKING CORP
Jan 3 at 9:45
|
show 2 more comments
i am pretty certain you have you application in fullscreen mode if so please remove the full screen mode as it does not go with ionic 4 footer inputs.
answered Jan 2 at 5:20
YushinYushin
1
i am pretty certain you have you application in fullscreen mode if so please remove the full screen mode as it does not go with ionic 4 footer inputs.
answered Jan 2 at 5:20
YushinYushin
1
answered Jan 2 at 5:20
YushinYushin
1
answered Jan 2 at 5:20
YushinYushin
1
answered Jan 2 at 5:20
YushinYushin
1
1
I remove the fullscreen mode on config.xml but I already have the same error
– HACKING CORP
Jan 2 at 19:14
dont forget to set the keyboard to ionic.
– Yushin
Jan 3 at 5:43
how to do it? because I tried a lot of solution but without success
– HACKING CORP
Jan 3 at 7:48
<preference name="KeyboardResize" value="true" /> <preference name="KeyboardResizeMode" value="Ionic" />
– Yushin
Jan 3 at 8:56
thank you so much. but it still does not work
– HACKING CORP
Jan 3 at 9:45
|
show 2 more comments
I remove the fullscreen mode on config.xml but I already have the same error
– HACKING CORP
Jan 2 at 19:14
dont forget to set the keyboard to ionic.
– Yushin
Jan 3 at 5:43
how to do it? because I tried a lot of solution but without success
– HACKING CORP
Jan 3 at 7:48
<preference name="KeyboardResize" value="true" /> <preference name="KeyboardResizeMode" value="Ionic" />
– Yushin
Jan 3 at 8:56
thank you so much. but it still does not work
– HACKING CORP
Jan 3 at 9:45
I remove the fullscreen mode on config.xml but I already have the same error
– HACKING CORP
Jan 2 at 19:14
I remove the fullscreen mode on config.xml but I already have the same error
– HACKING CORP
Jan 2 at 19:14
dont forget to set the keyboard to ionic.
– Yushin
Jan 3 at 5:43
dont forget to set the keyboard to ionic.
– Yushin
Jan 3 at 5:43
how to do it? because I tried a lot of solution but without success
– HACKING CORP
Jan 3 at 7:48
how to do it? because I tried a lot of solution but without success
– HACKING CORP
Jan 3 at 7:48
<preference name="KeyboardResize" value="true" /> <preference name="KeyboardResizeMode" value="Ionic" />
– Yushin
Jan 3 at 8:56
<preference name="KeyboardResize" value="true" /> <preference name="KeyboardResizeMode" value="Ionic" />
– Yushin
Jan 3 at 8:56
thank you so much. but it still does not work
– HACKING CORP
Jan 3 at 9:45
thank you so much. but it still does not work
– HACKING CORP
Jan 3 at 9:45
|
show 2 more comments
Have you tried Using a regular <input type="text"> instead of <ion-input type="text">. That was easy fix for me on ionic 3.
answered Jan 2 at 16:18
PrashantPrashant
692615
I tried this solution, but I'm falling on an error...... {Template parse errors: Void elements do not have end tags "input" ("-toolbar> <input type="text" [(ngModel)]="message" placeholder="Write your message ...">[ERROR ->]</input> <ion-buttons end> <button ion-button (click)="sendMessage()">}
– HACKING CORP
Jan 2 at 19:10
add a comment |
Have you tried Using a regular <input type="text"> instead of <ion-input type="text">. That was easy fix for me on ionic 3.
answered Jan 2 at 16:18
PrashantPrashant
692615
I tried this solution, but I'm falling on an error...... {Template parse errors: Void elements do not have end tags "input" ("-toolbar> <input type="text" [(ngModel)]="message" placeholder="Write your message ...">[ERROR ->]</input> <ion-buttons end> <button ion-button (click)="sendMessage()">}
– HACKING CORP
Jan 2 at 19:10
add a comment |
Have you tried Using a regular <input type="text"> instead of <ion-input type="text">. That was easy fix for me on ionic 3.
answered Jan 2 at 16:18
PrashantPrashant
692615
Have you tried Using a regular <input type="text"> instead of <ion-input type="text">. That was easy fix for me on ionic 3.
answered Jan 2 at 16:18
PrashantPrashant
692615
answered Jan 2 at 16:18
PrashantPrashant
692615
answered Jan 2 at 16:18
PrashantPrashant
692615
answered Jan 2 at 16:18
PrashantPrashant
692615
692615
I tried this solution, but I'm falling on an error...... {Template parse errors: Void elements do not have end tags "input" ("-toolbar> <input type="text" [(ngModel)]="message" placeholder="Write your message ...">[ERROR ->]</input> <ion-buttons end> <button ion-button (click)="sendMessage()">}
– HACKING CORP
Jan 2 at 19:10
add a comment |
I tried this solution, but I'm falling on an error...... {Template parse errors: Void elements do not have end tags "input" ("-toolbar> <input type="text" [(ngModel)]="message" placeholder="Write your message ...">[ERROR ->]</input> <ion-buttons end> <button ion-button (click)="sendMessage()">}
– HACKING CORP
Jan 2 at 19:10
I tried this solution, but I'm falling on an error...... {Template parse errors: Void elements do not have end tags "input" ("-toolbar> <input type="text" [(ngModel)]="message" placeholder="Write your message ...">[ERROR ->]</input> <ion-buttons end> <button ion-button (click)="sendMessage()">}
– HACKING CORP
Jan 2 at 19:10
I tried this solution, but I'm falling on an error...... {Template parse errors: Void elements do not have end tags "input" ("-toolbar> <input type="text" [(ngModel)]="message" placeholder="Write your message ...">[ERROR ->]</input> <ion-buttons end> <button ion-button (click)="sendMessage()">}
– HACKING CORP
Jan 2 at 19:10
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%2f53989188%2fionic-4-show-footer-above-the-keyboard%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
Please share your markup
– HasilT
Jan 1 at 16:25
I already added the footer code in my post
– HACKING CORP
Jan 2 at 19:17