Description

abarya

opened on Sep 20, 2017

Issue body actions

Using chrome, if I open the request session webpage, then the request session button in the typeform is not clearly visible. I'm also attaching a screenshot.

FYI, it works fine in firefox.

Activity

1. vaibhavsingh97

   added

   Type: Bug

   on Sep 20, 2017
2. vaibhavsingh97 commented on Sep 20, 2017

   

   vaibhavsingh97

   on Sep 20, 2017

   Member

   More actions

   @abhishekarya286 Can you please fix it and send a PR 😄
3. abarya commented on Sep 20, 2017

   

   abarya

   on Sep 20, 2017

   ContributorAuthor

   More actions

   Actually, the way I tried to do this was by changing the height of the typeform to 80%. Is it fine, @vaibhavsingh97?
4. anubhakushwaha commented on Dec 27, 2017

   

   anubhakushwaha

   on Dec 27, 2017

   Member

   More actions

   @abhishekarya286 Are you able to reproduce it again? Because ideally it should not have happened as width and height occupy the whole container. Incase you do please help us in fixing this.
5. Nickatak commented on Jan 11, 2018

   

   Nickatak

   on Jan 11, 2018

   Contributor

   More actions

   Hello! Sorry if this is a little unclear (first time adding anything to a bug).

   I was able to duplicate the error with the development server by following these steps:

   • Initial setup (installing requirements/migrating/etc.)
   • Opening the page (Request a session under url pattern '/session/' that calls request_session from views) with chrome using version 63.0.3239.132 on a Windows-box (10, x64).
   • Grabbing the lower part of the browser and moving it upward (the error itself will still show regardless of the browser's width).

   The same steps above (minus the initial setup) also reproduce the error on the master branch's deployed site.

   Based on initial testing, it looks like the problem is that the button itself and the welcome text do not scale with the webpage, while the image does. This error occurs when the height of the image + height of the button (static) + height of the welcome text (also static) > the overall height of the containing window (the iframe) designated by:

   <iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://oshc.typeform.com/to/CvcyEy"></iframe>

   • Example 1: In the image below, you can see a nearly max-width browser (2k) shrunken vertically displaying the issue depicted.
     

   • Example 2: In the image below, you can see a vertically and horizontally shrunken browser displaying the issue depicted.
     

   Edits: Clarity/wording/information.

   Reacted by Tapasweni Pathak

   Reacted by Anubha Kushwaha

Issue actions