Making a post reply

Why does your post reply and new post goes to middle of the reply box?
https://everythinggreyhound.forumotion.com

Hello

I have this issue with iphone 12 pro ( reply, edit and new thread)



It doesn't happen with laptops and it doesn't happen with iphone 8
Can you inform me which device you are using please
I have already mentioned this to our technicians some time ago but i think it happens only with phones

Good morning!

Please specify which device you are using to view the forum. In this topic, we discussed the same problem, only with a tablet

@skouliki can you check this CSS code for the iPhone? Unfortunately, I only have the ability to check through the developer tool for this code.

Code:

@media (max-width: 450px) {
  .sceditor-container iframe, .sceditor-container textarea {
  max-width: 724px !important;
}
 
#message-box textarea {
  max-width: 724px !important;
}
}

for me, the issue is on this forum and i think the member is speaking about here
@SLGray must add this to the CSS then i will check it thanks

I am on my MacBook Air when I having this issue.

dad2paisley wrote:I am on my MacBook Air when I having this issue.

Have you tried using the code from the message I sent in the post above?

Code:

.sceditor-container iframe, .sceditor-container textarea {
  max-width: 1040px !important;
}
 
#message-box textarea {
  max-width: 1040px !important;
}

didn't work

skouliki wrote:for me, the issue is on this forum and i think the member is speaking about here
@SLGray  must add this to the CSS then i will check it thanks

Add what?

SLGray wrote:

skouliki wrote:for me, the issue is on this forum and i think the member is speaking about here
@SLGray  must add this to the CSS then i will check it thanks

Add what?

Now it's doing the same thing here in the middle of the post box.

yes this code doesn't fix the issue
still is in the middle

I did a little research on your question. There are a few options on how to resolve the incorrect textarea handling.

Unfortunately, I can't test these codes specifically for your case, but in some problem cases that I can reproduce, these codes have helped me:

AP - Display - Colors&CSS - CSS Stylesheet

Code:

.sceditor-container iframe, .sceditor-container textarea {
  box-sizing: border-box;
  -webkit-height: auto;
  -webkit-max-height: 200px;
  -webkit-width: 100%;
  -webkit-max-width: 755px;
}
 
#message-box textarea {
  box-sizing: border-box;
  -webkit-height: auto;
  -webkit-max-height: 200px;
  -webkit-width: 100%;
  -webkit-max-width: 755px;
}

The -webkit- prefix indicates that the rules only apply to iOS products

If the code doesn't help, try removing the -webkit- prefix:

Code:

.sceditor-container iframe, .sceditor-container textarea {
  box-sizing: border-box;
  height: auto;
  max-height: 200px;
  width: 100%;
  max-width: 755px;
}
 
#message-box textarea {
  box-sizing: border-box;
  height: auto;
  max-height: 200px;
  width: 100%;
  max-width: 755px;
}

its working now thanks

You are welcome!

Problem solved & topic archived. Please read our forum rules: ESF General Rules