Having this problem on my forum with iPads. After pressing the “Post Reply” button and are sent to the new page to craft the reply, the text field in which the message is typed is close to 12” (300mm) tall. When you begin to type, the text starts several inches down in this gigantic field.

I am having the same issue right now on this support forum while typing this response as well, so it is not my site alone.

I have made no recent changes to the site structure/options. This has only started recently.

Possibly since the latest Apple iPadOS update to 16.4 or 16.4.1, but can not guarantee that, but has shown up the past week or so and that is the only change of consequence I have made.

This is using the Desktop/Web version of the site on an iPad pro.

I have had other users on my forum report the same issue.

I have normal sized text field on my iPhone and mac mini, so it appears to just be an iPad issue.

Thanks!

Possibly since the latest Apple iPadOS update to 16.4 or 16.4.1, but can not guarantee that, but has shown up the past week or so and that is the only change of consequence I have made.

It seems you might be right it might have something to do with the latest iPad update since you said you experienced it only lately, probably from the update. Did the iPhone and mac update as well in this time, was a global-update or just for the iPad?

Everything is updated to the newest release. All updates were released and installed pretty much together.

Screenshot is attached. I turned the ipad to portrait mode so you can see how big the text field is and where the text actually starts.

The text field is about twice as long as what is showing and this is on a 12” iPad to give you an idea of the size.

This error occurs with Safari and Firefox browsers.

When posting an image, do not use the attachment option.  Just use the host an image or insert image options in the editor.

Well, it won’t let me delete that attachment when I push the delete button.

Here it is hosted so if you want to edit my former post and delete the attachment go ahead, because I can’t.

Good afternoon!

I can't tell if it's an internal indentation or an external one.
Try one of these codes:

Code:

.sceditor-container iframe, .sceditor-container textarea {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

Code:

.sceditor-container iframe, .sceditor-container textarea {
    padding-block-start: 0 !important;
    padding-block-end: 0 !important;
}

Razor, thanks for the help. I tried both sets, but unfortunately, there was no change.

This is similar to the problem with displaying input element on iOS 11

I found another article about this problem. They suggest using this new property:

Code:

margin-trim: inline;

Try one of this code:

Code:

.sceditor-container iframe, .sceditor-container textarea {
    margin-trim: inline !important;
}

Code:

.sceditor-container iframe, .sceditor-container textarea {
    margin-trim: block !important;
}

Code:

table.forumline tbody tr#parent_editor_simple td.row2 table tbody tr td {
  margin-trim: all !important;
}

Code:

table.forumline tbody tr#parent_editor_simple td.row2 table tbody tr td {
  margin-trim: in-flow !important;
}

Sorry, there are so many code variants.

Those did not work either…

After changing coding in the AP, you need to clear your browser's history and cache.  Sometimes changes will not appear because of your browser's cache.

If we are talking about this forum - https://www.bullseyeforum.net, there is a phpbb3 version of the forum, not phpbb2

Can you please tell me if this problem occurs immediately after loading the send page or when you resize the window manually?

Phpbb3, phpbb2? Ok, so why does this matter? I am not a computer guru. I am having the same issue on this site.

You click Add Reply, the next page loads, you get the result pictured above. You don’t resize windows on an iPad.

Quick reply works fine.

I just had another report of the same issue, but have not verified if they are using an iPad in this case.

Ok, so why does this matter? I am not a computer guru. I am having the same issue on this site.

Because some of the codes I indicated above will definitely not work. Different versions of the forums have different code designs.

You click Add Reply, the next page loads, you get the result pictured above. You don’t resize windows on an iPad.

Quick reply works fine.

I thought about this problem and had another idea.
There is a bug on the service, that if the response window is stretched to a certain size, there will be element behaviour similar to yours.

Try this code:

Code:

.sceditor-container iframe, .sceditor-container textarea {
  max-width: 588px !important;
}

#message-box textarea {
  max-width: 588px !important;
}

Or you could try to remove the ability to expand the window for writing a message It will expand on its own when needed:

Code:

.sceditor-container {
  position: static !important;
}

Thanks for the info Razor, I will test these today.

I did just hear back from the other user and he is on an “Apple mac” which I am going to assume is the desktop version. I will try to get more specific info from him if these don’t help and will try to replicate an “oversized window” on my desktop to see if the text field breaks.

DYAKUYU RAZOR! This code fixed the issue as far as I can tell (at least fixed it for my iPad). I will check with my other users to verify, but I think you have discovered the source of the issue. I appreciate your patience and creative thinking.

Code:

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

There was an issue where the text box was sized correctly, but the text would automatically return to the next line after only using about half the width of the field. As a test, I changed “588px” to “1000px” and it will let you mostly fill the field with text. I did some more testing and “1044px” is Ok, but “1045px” triggered the bug. I have it set to “1040px” now.

I tried the second code snippet and it did not work.

FYI, I did not have to clear my browser cache to see it take effect, just immediately switched from Admin Panel to Forum Preview, pulled up a topic, clicked Add Reply, and the new message box is sized properly and text entry starts at the top. Likewise, just refreshing the Reply window in a separate browser tab worked as well.

Also, this issue persists on the Forumotion website, so it may be worth a look at implementing a similar solution here.

I will report back one more time after confirming success with my other users.

-edited with max sizing update.

There was an issue where the text box was sized correctly, but the text would automatically return to the next line after only using about half the width of the field. As a test, I changed “588px” to “1000px” and it will let you mostly fill the field with text. I did some more testing and “1044px” is Ok, but “1045px” triggered the bug. I have it set to “1040px” now.

Have you checked this on your iPad or another device?
Unfortunately, I don't have the devices to check the code, so I work with the developer tools and check the adaptability through those tools.
There's a built-in page display from the iPad Air and iPad Mini.

I used this code:

Code:

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

Results:

iPad Mini


iPad Air


But your problem I was unable to map through the developer tools, so clarify - was the problem solved?
Also checked the display on the computer screen - everything is displayed correctly.

If the problem is resolved but the message-sending field does not appear correctly on other devices, please also report it. We only use this rule for devices similar to yours via @media request.

And I'd also recommend getting rid of the ability to resize the message entry window entirely. Let the device do this on its own, without any user intervention. Otherwise, a problem like this could arise:



Agree - similar to your problem now.

To remove the ability to resize the text box manually, add the code:

Code:

div.sceditor-grip {
  display: none;
}

Razor, the “1040px” code has been confirmed working on a desktop mac of unknown make, one M1 mac mini and one 12” iPad Pro.

I not get the second set of code to remove the resizing form your last post to work.

I am happy and so are the users, so I am going to call it solved. It the fix causes other issues, I’ll come back by for a visit!

Thanks for all your help.

Will