@kiwicom/smart-faq/lib/SmartFAQ/helpers/MobileSafariScroll.js

Smart FAQ

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _style = _interopRequireDefault(require("styled-jsx/style"));

var React = _interopRequireWildcard(require("react"));

var _Responsive = require("../common/Responsive");

// @flow

/*
  Standard workaround with "overflow: hidden" doesn't work in Safari.
  But applying "position: fixed" scrolls up the page,
  which would produce frustrating user experience on desktop.
 */
var MobileSafariScroll = function MobileSafariScroll(_ref) {
  var isOpen = _ref.isOpen;
  return React.createElement(_Responsive.Mobile, null, React.createElement(_style.default, {
    styleId: "1633741903",
    css: ".MainView{position:".concat(isOpen ? 'fixed' : 'absolute', ";}"),
    dynamic: [isOpen ? 'fixed' : 'absolute']
  }));
};

var _default = MobileSafariScroll;
exports.default = _default;