fix: set WebView contentMode prop to "mobile"

See #5 (comment) updates #5
formidable-webview · Feb 19, 2021 · 3f57d62 · 3f57d62
1 parent 5e7cba7
commit 3f57d62
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/webshell/etc/webshell.api.md b/packages/webshell/etc/webshell.api.md
@@ -22,7 +22,7 @@ export interface AutoheightParams<S extends WebshellProps<MinimalWebViewProps, F
 
 // @public
 export interface AutoheightState<S extends WebshellProps<MinimalWebViewProps, [ExtractFeatureFromClass<typeof HandleHTMLDimensionsFeature>]>> {
-    autoheightWebshellProps: Pick<S, 'webshellDebug' | 'onDOMHTMLDimensions' | 'style' | 'scalesPageToFit' | 'showsVerticalScrollIndicator' | 'disableScrollViewPanResponder'> & Partial<S>;
+    autoheightWebshellProps: Pick<S, 'webshellDebug' | 'onDOMHTMLDimensions' | 'style' | 'scalesPageToFit' | 'showsVerticalScrollIndicator' | 'disableScrollViewPanResponder' | 'contentMode'> & Partial<S>;
     contentSize: Partial<DOMRectSize>;
     resizeImplementation: HTMLDimensionsImplementation | null;
     syncState: AutoheightSyncState;
@@ -311,6 +311,8 @@ export { makeWebshell }
 
 // @public
 export interface MinimalWebViewProps {
+    // (undocumented)
+    readonly contentMode?: unknown;
     // (undocumented)
     readonly disableScrollViewPanResponder?: unknown;
     // (undocumented)

diff --git a/packages/webshell/src/hooks/useAutoheight.ts b/packages/webshell/src/hooks/useAutoheight.ts
@@ -53,6 +53,7 @@ export interface AutoheightState<
     | 'scalesPageToFit'
     | 'showsVerticalScrollIndicator'
     | 'disableScrollViewPanResponder'
+    | 'contentMode'
   > &
     Partial<S>;
   /**
@@ -323,7 +324,8 @@ export default function useAutoheight<
       style: autoHeightStyle,
       scalesPageToFit: false,
       showsVerticalScrollIndicator: false,
-      disableScrollViewPanResponder: true
+      disableScrollViewPanResponder: true,
+      contentMode: 'mobile'
     } as AutoheightState<S>['autoheightWebshellProps'],
     resizeImplementation: implementation,
     contentSize: state.contentSize,

diff --git a/packages/webshell/src/types.ts b/packages/webshell/src/types.ts
@@ -302,6 +302,7 @@ export interface MinimalWebViewProps {
   readonly scalesPageToFit?: unknown;
   readonly showsVerticalScrollIndicator?: unknown;
   readonly disableScrollViewPanResponder?: unknown;
+  readonly contentMode?: unknown;
 }
 
 // Web TYPES