0 Replies Latest reply on Oct 23, 2012 10:20 AM by Billy Schoon

    CSS box-shadow not always working correctly

      I am currently using an ES400 and am running RhoElements version 2.1.1.7 with the hotfix listed here.

      Here is the code:

      <!DOCTYPE HTML>
      <html>
      <head>
      <title>test</title>
          <META HTTP-Equiv="QuitButton" Content="Visibility:Visible">
          <style type="text/css">
              .box-shadow-inset { box-shadow:0px 0px 12px rgb(56,123,190) inset; border:2px solid black;}
          </style>
      </head>
      <body>
          <h1>Box Shadow Test</h1>
          <div class="box-shadow-inset" style="height:75px; width:75px;"">Box A</div>
          <br/><br/>
          <div class="box-shadow-inset">Box B</div>
      </body>
      </html>
      

       

      So the div that specifies a width and height shows the box-shadow but the one that does not specify the width and height does not show the box-shadow.

      Screenshot.jpg

      I also noticed that navigating around http://jquerymobile.com/test in RhoElements that the same issue with the box-shadow not rendering occurs on some pages.  Sometimes the shadow shows but then after you click it, the shadow does not come back and the same goes for text fields.  Anyone else seeing this?  Are there any fixes for it?