AnsweredAssumed Answered

WebDirect Issues with iPhone X

Question asked by JEDtech on Nov 15, 2017
Latest reply on May 15, 2018 by TSGal

Product and version: FileMaker Server 16.0.3 WebDIrect

OS and version: iOS 11.1.1

Browser and version: Safari 11 or Chrome 62.0.3202.70

Hardware: iPhone X

Description

A list view layout constructed to be 320 px wide with objects anchored right does not auto-resize to fit the width of the iPhone X when in portrait orientation but actually extends the width to be much wider than the screen can display.  Conversely when held in Landscape orientation the layout width is much narrower than the available screen space.  Looking at the values below it appears that WebDirect is not getting the correct values for screen height and width.

 

On an iPhone X In Portrait orientation when the Screen and Window Content dimensions are accessed you get:

Get( ScreenHeight ) = 812

Get( ScreenWidth ) = 375

Get( WindowContentHeight ) = 325

Get( WindowContentWidth ) = 724

 

and in Landscape orientation:

Get( ScreenHeight ) = 812

Get( ScreenWidth ) = 375

Get( WindowContentHeight ) = 635

Get( WindowContentWidth ) = 375

 

Checking the same thing on an iPhone 7 Plus you get:

Portrait

Get( ScreenHeight ) = 736

Get( ScreenWidth ) = 414

Get( WindowContentHeight ) = 716

Get( WindowContentWidth ) = 414

 

Landscape

Get( ScreenHeight ) = 414

Get( ScreenWidth ) = 736

Get( WindowContentHeight ) = 414

Get( WindowContentWidth ) = 736

 

How to replicate

Use the Contact template that comes with FileMaker 16 and adjust it so that it instead of using the platform to determine which layout to go to it uses the screen width.

 

Workaround

None known other than not to use an iPhone X with WebDirect 16.0.3

Outcomes