Uploaded image for project: 'Shindig'
  1. Shindig
  2. SHINDIG-1817

Dynamic height algortihm fail to recognize elements with CSS position fixed and absolute to make it forever increasing in height

    XMLWordPrintableJSON

Details

    Description

      The new algorithm to calculate dynamic height does not consider elements with position fixed and absolute that are not part of the static flows which could cause forever increase in height.

      Example gadget:

      <Module>
      <ModulePrefs title="Dynamic Height Size example with fixed position element test gadget">
      <Require feature="dynamic-height" />
      <Require feature="dynamic-width" />
      </ModulePrefs>

      <Content type="html" view="default"><![CDATA[
      <head>
      <style type="text/css">
      body

      { padding-bottom: 50px; }

      #wrap

      { height:100% }

      ,
      #main

      { padding-bottom: 100px; }

      ,
      #footer

      { position: fixed; height: 50px; clear:both; left: 0; bottom: 0; }

      </style>
      <script type="text/javascript">
      gadgets.util.registerOnLoadHandler(function()

      { gadgets.window.adjustHeight(); // setting interval for calling gadgets.window.adjustHeight, this shouldnt // cause the gadget to forever increase in height. window.setInterval(gadgets.window.adjustHeight, 5000); }

      );
      </script>
      </head>
      <body id="mainbody">
      <div id="wrap">
      <div id="main">
      Main canvas content.
      </div>
      <div id="footer">
      Footer element.
      </div>
      </div>
      </body>
      ]]></Content>
      </Module>

      Attachments

        Activity

          People

            ddumont Dan Dumont
            hsaputra Henry Saputra
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: