title: How do I force an element in webkit to go back to original size?
body: <p>I have an element that on focus via javascript changes to display absolute and covers its parent element. Then on blur back to default a table-cell.</p>
  
  <p>What seems to happen is that the element just sits below the first table-cell, it doesn't go back to its original position?</p>
  
  <p>This only appears to happen in webkit and I'm stuck for things to search for. Any help would be greatly appreciated.</p>
  
  <p>The effect can be found on the search at the top.</p>
  
  <p>Thanks in advance</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!doctype html&gt;
  &lt;!--[if lt IE 7]&gt;&lt;html class="no-js ie6 oldie" lang="en"&gt;&lt;![endif]--&gt;
  &lt;!--[if IE 7]&gt;&lt;html class="no-js ie7 oldie" lang="en"&gt;&lt;![endif]--&gt;
  &lt;!--[if IE 8]&gt;&lt;html class="no-js ie8 oldie" lang="en"&gt;&lt;![endif]--&gt;
  &lt;!--[if gt IE 8]&gt;&lt;!--&gt;&lt;html class="no-js" lang="en"&gt;&lt;!--&lt;![endif]--&gt;
  &lt;head&gt;
  
    &lt;link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/favicon.png?4100640853928591395" type="image/png" /&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
   &lt;meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"&gt;
    &lt;meta name="geo.region" content="GB-DNC" /&gt;
    &lt;meta name="geo.placename" content="Doncaster" /&gt;
    &lt;meta name="geo.position" content="53.540019;-1.148724" /&gt;
    &lt;meta name="ICBM" content="53.540019, -1.148724" /&gt;
  
    &lt;title&gt;Jazz Shoes&lt;/title&gt;
  
    
  
    
    &lt;meta name="msvalidate.01" content="2586BFC237E15118F8BA18EF91E843A0" /&gt;
    &lt;meta name="p:domain_verify" content="9c7f882b38741d1a00862559ee7a8614"/&gt;
  
  
  
    
      &lt;meta property="og:image" content="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/logo.png?4100640853928591395" /&gt;
    
  
    &lt;link rel="stylesheet" href="http://detc.s3.amazonaws.com/assets/stylesheets/bootstrap/bootstrap.css"&gt;
   
    &lt;link href="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/styles.scss.css?4100640853928591395" rel="stylesheet" type="text/css"  media="all"  /&gt;
    &lt;link href="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/custom.scss.css?4100640853928591395" rel="stylesheet" type="text/css"  media="all"  /&gt;
    &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"&gt;
    &lt;script src="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/modernizr.js?4100640853928591395" type="text/javascript"&gt;&lt;/script&gt;
  
  
  
    
  
    
  
    &lt;script src="//use.typekit.net/fuf1mwq.js"&gt;&lt;/script&gt;
    &lt;script&gt;try{Typekit.load();}catch(e){}&lt;/script&gt;
    
  &lt;/head&gt;
  
  &lt;body&gt;
  
  
    &lt;!-- Begin toolbar --&gt;
      &lt;header class="navbar-fixed-top top-banner toolbar-wrapper"&gt;
     &lt;div class="container"&gt;
        &lt;nav class="de-nav"&gt;
           &lt;a class="logo" href="/"&gt;
              &lt;div class="de-logo"&gt;&lt;/div&gt;
           &lt;/a
           &gt;&lt;ul class="nav-primary"&gt;&lt;li class="nav-item"&gt;
  &lt;div class="dropdown"&gt;
  &lt;a href="http://www.dance-etc.co.uk/collections/whats-new" class="dropdown-toggle"&gt;&lt;span&gt;Whats New&lt;/span&gt;&lt;/a&gt;
  &lt;div class="dropdown-menu"&gt;
   &lt;div class="menu-container"&gt;
    &lt;div class="wrapper"&gt;
                &lt;ul&gt;
                 &lt;li&gt;&lt;a href="#" class="subhead"&gt;New In&lt;/a&gt;
                  &lt;ul class="submenu"&gt;
                   &lt;li&gt;&lt;a href="#"&gt;Mirella Leotards&lt;/a&gt;&lt;/li&gt;
                   &lt;li&gt;&lt;a href="#"&gt;Pointe Shoes&lt;/a&gt;&lt;/li&gt;
                   &lt;li&gt;&lt;a href="#"&gt;Accessories&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                 &lt;/li&gt;
                 &lt;li&gt;&lt;a href="#" class="subhead"&gt;Don't Miss&lt;/a&gt;
                 &lt;ul class="submenu"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Jozette by Mirella Laser Cut Camisole Leotard&lt;/a&gt;&lt;/li&gt;
                 &lt;/ul&gt;&lt;/li&gt;
                &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/li&gt;&lt;li class="nav-item"&gt;
              &lt;div class="dropdown"&gt;
              &lt;a href="#" role="button"&gt;
              &lt;span&gt;Bodywear&lt;/span&gt;
              &lt;/a&gt;
               &lt;div class="dropdown-menu"&gt;
              &lt;div class="menu-container"&gt;
              &lt;div class="wrapper"&gt;
                &lt;ul&gt;
                  &lt;li&gt;&lt;a class="subhead" href="http://www.dance-etc.co.uk/collections/leotards"&gt;Leotards&lt;/a&gt;
                  &lt;ul class="submenu"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Basic&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Classic&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Fashion&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Premium&lt;/a&gt;&lt;/li&gt;
  
                  &lt;li&gt;&lt;a href="#"&gt;Regulation&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Catsuits&lt;/a&gt;&lt;/li&gt;
  
                   
                   
                  &lt;/ul&gt;
                  &lt;/li&gt;
                  
                  &lt;li&gt;
                    &lt;a class="subhead" href="#"&gt;Dancewear&lt;/a&gt;
                  &lt;ul class="submenu"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Tops&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Warmups&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Underwear&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Shorts&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;/li&gt;
  
                &lt;/ul&gt;
              &lt;/div&gt;
              
              &lt;div class="wrapper"&gt;
                &lt;ul&gt;
                &lt;li&gt;&lt;a class="subhead" href="#"&gt;Childrens Dancewear&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a class="subhead" href="#r"&gt;Street Dancewear&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a class="subhead" href="#"&gt;Gymnastics&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a class="subhead" href="#"&gt;Tutu's &amp;amp; Dresses&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div class="divider"&gt;&lt;/div&gt;
              &lt;div class="wrapper featured"&gt;
                &lt;div class="subhead"&gt;Dont Miss...&lt;/div&gt;
                &lt;ul&gt;
                  &lt;li class="featured-item"&gt;
                    &lt;a href="#"&gt;&lt;img src="#" alt="Tappers &amp;amp; Pointers Leotard"&gt;&lt;p&gt;tappers &amp;amp; pointers&lt;/p&gt;&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="featured-item"&gt;
                    &lt;a href="#"&gt;&lt;img src="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/sodanca-tank-leotard-with-striped-mesh.jpg?4100640853928591395" alt="Dodanca tank leotard with striped mesh"&gt;&lt;p&gt;sodanca&lt;br&gt;&lt;/p&gt;&lt;/a&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
              
                 
              &lt;/div&gt;
              &lt;/div&gt;
              &lt;/div&gt;
              &lt;/li&gt;&lt;li class="nav-item"&gt;
  &lt;div class="dropdown"&gt;
  &lt;a href="http://www.dance-etc.co.uk/collections/dance-shoes" class="dropdown-toggle" role="button"&gt;&lt;span&gt;Footwear&lt;/span&gt;&lt;/a&gt;
  &lt;div class="dropdown-menu"&gt;
   &lt;div class="menu-container"&gt;
    &lt;div class="wrapper"&gt;
                &lt;ul&gt;
                  &lt;li&gt;&lt;a class="subhead" href="#"&gt;Ballet Shoes&lt;/a&gt;
                  
                  &lt;/li&gt;
                  
                  &lt;li&gt;
                    &lt;a class="subhead" href="#"&gt;Pointe Shoes&lt;/a&gt;
                    &lt;ul class="submenu"&gt;
                    &lt;li&gt; &lt;a href="#"&gt;By Bloch&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt; &lt;a href="#"&gt;By Capezio&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt; &lt;a href="#"&gt;By Freed&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt; &lt;a href="#"&gt;By Merlet&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt; &lt;a href="#"&gt;By Russian Pointe&lt;/a&gt;&lt;/li&gt;
  
                     &lt;li&gt; &lt;a href="#"&gt;Warm Up Boots&lt;/a&gt;&lt;/li&gt;
                     &lt;li&gt; &lt;a href="#"&gt;Pointe Accessories&lt;/a&gt;&lt;/li&gt;
                     
                    &lt;/ul&gt;
                    &lt;/li&gt;
  
                   &lt;li&gt;
                    &lt;a class="subhead" href="#"&gt;Modern, Lyrical &amp;amp; Contemporary&lt;/a&gt;
            
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a class="subhead" href="#"&gt;Dance Sneakers&lt;/a&gt;
            
                  &lt;/li&gt;
                  &lt;/ul&gt;
                  
              &lt;/div&gt;
              &lt;div class="wrapper"&gt;
               &lt;ul&gt;
               &lt;li&gt;
                    &lt;a class="subhead" href="#"&gt;Jazz Shoes&lt;/a&gt;
                    
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a class="subhead" href="#"&gt;Tap Shoes&lt;/a&gt;
            
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a class="subhead" href="#"&gt;Character Shoes&lt;/a&gt;
            
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a class="subhead" href="#"&gt;Ballroom&lt;/a&gt;
            
                  &lt;/li&gt;
  
                &lt;/ul&gt;
              &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;
           &lt;ul class="nav-primary mobile"&gt;
              &lt;li class="nav-item"
              &gt;&lt;div class="dropdown"&gt;
              &lt;a href="#"&gt;
              &lt;span&gt;Shop&lt;/span&gt;
              &lt;/a&gt;
              &lt;div class="dropdown-menu"&gt;
              &lt;div class="menu-container"&gt;
              &lt;div class="wrapper"&gt;
                &lt;ul&gt;
                &lt;li&gt;&lt;a class="subhead" href="#"&gt;All Dancewear&lt;/a&gt;
                  &lt;li&gt;&lt;a class="subhead" href="#"&gt;Bodywear&lt;/a&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div class="wrapper"&gt;
                &lt;ul&gt;
                  &lt;li&gt;
                  &lt;a class="subhead" href="#"&gt;Footwear&lt;/a&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div class="wrapper"&gt;
                &lt;ul&gt;
                  &lt;li&gt;
                  &lt;a class="subhead" href="#"&gt;Legwear&lt;/a&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
                 
              &lt;/div&gt;
              &lt;/div&gt;
              &lt;/div&gt;
              &lt;/li&gt;
           &lt;/ul
           &gt;
          &lt;div id="global-search" class="nav-search"&gt;
              &lt;form class="site-search" role="search" method="get" action="/search"&gt;
                 &lt;div class="wrapper"&gt;
                    &lt;label for="q"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/label&gt;
                    &lt;input type="text" id="q" name="q" class=""&gt;
                 &lt;/div&gt;
                 &lt;input type="hidden" name="type" value="product" /&gt;
              &lt;/form&gt;
           &lt;/div&gt;&lt;ul class="nav-secondary"&gt;&lt;li class="nav-item nav-item-account"&gt;
              &lt;div class="dropdown"&gt;
                &lt;a href="#" class="dropdown-toggle"&gt;&lt;span&gt;My Account&lt;/span&gt;&lt;/a&gt;
                &lt;div class="dropdown-menu"&gt;
                  &lt;div class="menu-container"&gt;
                    &lt;div class="wrapper"&gt;
                     &lt;ul&gt;&lt;a href="#"&gt;My Account&lt;/a&gt;&lt;/ul&gt;
                      &lt;ul&gt;&lt;a href="#"&gt;My Orders&lt;/a&gt;&lt;/ul&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                 &lt;/div&gt;
              &lt;/li&gt;&lt;li class="nav-item nav-item-cart"&gt;
             &lt;div class="dropdown"&gt;
                 &lt;a href="/cart" class="dropdown-toggle bag"&gt;&lt;span&gt;&amp;pound;0.00&lt;i class="bag-count"&gt;0&lt;/i&gt;&lt;/span&gt;&lt;/a&gt;
                 
                  &lt;/div&gt;
              &lt;/li&gt;&lt;/ul&gt;
   &lt;/nav&gt;
   &lt;/div&gt;
  &lt;/header&gt;
    &lt;!-- End toolbar --&gt;
   
    
      
    
      &lt;script src="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/jquery.flexslider-min.js?4100640853928591395" type="text/javascript"&gt;&lt;/script&gt;
    
  
      &lt;!-- &lt;script src="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/jquery.zoom.js?4100640853928591395" type="text/javascript"&gt;&lt;/script&gt; --&gt;
    &lt;script src="http://detc.s3.amazonaws.com/bower_components/bootstrap-sass/assets/javascripts/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
    
    &lt;script src="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/jquery.bootplus.js?4100640853928591395" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/cloudzoom.js?4100640853928591395" type="text/javascript"&gt;&lt;/script&gt;
    
    &lt;script src="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/jquery.tweet.js?4100640853928591395" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/jquery.fancybox.js?4100640853928591395" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="//cdn.shopify.com/s/files/1/0237/3793/t/2/assets/scripts.js?4100640853928591395" type="text/javascript"&gt;&lt;/script&gt;
  
  
    
    
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>