Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2018-08-19 12:54:48

Destry
Member
From: Haut-Rhin
Registered: 2004-08-04
Posts: 4,912
Website

[forum] layout probs in iOS

Only this forum (Textpattern platforms and channels), Troubleshooting, and Theme support — they seem to break in iOS (which I use a lot these days to access the forum and type ridiculously long posts). All other forum’s are fine.

Anyone confirm?

Offline

#2 2018-08-19 19:18:25

towndock
Member
From: Oriental, NC USA
Registered: 2007-04-06
Posts: 329
Website

Re: [forum] layout probs in iOS

Just checked both textpattern.com and forum on both iphone and ipad. They both look great and work fine here.

Offline

#3 2018-08-19 20:56:34

Destry
Member
From: Haut-Rhin
Registered: 2004-08-04
Posts: 4,912
Website

Re: [forum] layout probs in iOS

Forgot to mention I was using FF.

It’s not the whole forum, just the rhree subforums I mentioned. Compare one with any of the others and note if the width breaks. It does for me, slightly, and first column seems too wide in each case. It’s not unusable, but it’s enough that perfectionist maintainers might care. ;)

Or it could just be my FF.

Offline

#4 2018-08-19 22:27:53

phiw13
Plugin Author
From: Japan
Registered: 2004-02-27
Posts: 3,196
Website

Re: [forum] layout probs in iOS

Destry wrote #313511:

Forgot to mention I was using FF.

Uh ? FF as in Firefox ? That doesn’t run on iOS. They do have an app (Forgot the name, Focus?), but it is using Webkit anyway. The rendering should be the same as with MobileSafari.

The whole site works fine for me with Mobile Safari.

Amazing thing, if you use Safari, and enter responsive design mode view, then you get blocked by Cloudfare:

Error 1010 Ray ID: 44d009e9bc88aee7 • 2018-08-19 22:25:54 UTC
Access denied
What happened?
The owner of this website (forum.textpattern.io) has banned your access based on your browser's signature (44d009e9bc88aee7-ua60)

Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern

Offline

#5 2018-08-20 07:34:47

Destry
Member
From: Haut-Rhin
Registered: 2004-08-04
Posts: 4,912
Website

Re: [forum] layout probs in iOS

phiw13 wrote #313513:

Uh ? FF as in Firefox ? That doesn’t run on iOS.

Huh. Funny. I have it installed (for a long time now), and I’m looking at it now in the app store. In addition to Firefox Focus, also installed. Both by Mozilla.

The problem only exists in portrait layout, but goes away in landscape (which I never use on phone).

I just checked in Safari, same issue.

Maybe I just have a strange iPhone.

Offline

#6 2018-08-20 07:46:52

jakob
Admin
From: Germany
Registered: 2005-01-20
Posts: 4,732
Website

Re: [forum] layout probs in iOS

I see what you see too using regular safari on iOS on an iPhone SE in portrait orientation, also on the “Showcase you Textpattern site” forum. The “Topic” column is wider so that the post overview (sub-forum list page) is too wide. It’s fine in landscape orientation. Maybe it’s just the narrower screen width of the older models.


TXP Builders – finely-crafted code, design and txp

Offline

#7 2018-08-20 08:01:28

phiw13
Plugin Author
From: Japan
Registered: 2004-02-27
Posts: 3,196
Website

Re: [forum] layout probs in iOS

Destry wrote #313518:

Maybe I just have a strange iPhone.

I’m sure you do!

jakob wrote #313520:

I see what you see too using regular safari on iOS on an iPhone SE in portrait orientation,

I see the issue now, on the iPhoneX – simulator. On the list pages, the “topic” column depends on the length of the strings. Sometimes it does make that table too wide. No easy fix, as far as I can see.


Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern

Offline

#8 2018-08-20 08:02:39

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

Re: [forum] layout probs in iOS

It’s probably as Jakob says, the narrower width of some phones including the iPhone SE. What is that device, 320px wide? I thought I’d tested on those widths but I may have missed some deeper pages. I can test later and hopefully fix. I think some of the current Galaxy devices are around the same width too so it’s worth doing (and iPhone SE is still a current phone).

Possibly a word-break CSS rule or similar fix might work. Don’t know yet.

Offline

#9 2018-08-20 08:06:21

phiw13
Plugin Author
From: Japan
Registered: 2004-02-27
Posts: 3,196
Website

Re: [forum] layout probs in iOS

philwareham wrote #313524:

It’s probably as Jakob says, the narrower width of some phones including the iPhone SE. What is that device, 320px wide? I thought I’d tested on those widths but I may have missed some deeper pages. I can test later and hopefully fix. I think some of the current Galaxy devices are around the same width too so it’s worth doing (and iPhone SE is still a current phone).

Possibly a word-break CSS rule or similar fix might work. Don’t know.

It is no limited to the SE, wider phones (I checked the X in the simulator) have the same issue.

FWIW, word break rules are real ugly. maybe turn on hyphenations first?


Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern

Offline

#10 2018-08-20 08:21:35

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

Re: [forum] layout probs in iOS

OK, will investigate later today. Thanks!

Offline

#11 2018-08-20 08:34:11

phiw13
Plugin Author
From: Japan
Registered: 2004-02-27
Posts: 3,196
Website

Re: [forum] layout probs in iOS

Just for the record, here is what it looks like on the iPhone X (simulator):

dev.l-c-n.com/_b/iphoneX.png

That is 375px width.


Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern

Offline

#12 2018-08-20 12:34:29

Destry
Member
From: Haut-Rhin
Registered: 2004-08-04
Posts: 4,912
Website

Re: [forum] layout probs in iOS

Seems to me you could cut the normal margins in portrait by half or more and it would still look/read fine in that respect. Maybe that buys a little space. I don’t know. But as long as the text isn’t exactly tight against the edges it’s alright with me.

Offline

Board footer

Powered by FluxBB