Attachment 230664 Details for Bug 132468 – Repro

Repro

b128809.html (text/html), 2.14 KB, created by Andrei Bucur on 2014-05-02 07:11:54 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Andrei Bucur

Created: 2014-05-02 07:11:54 PDT

Size: 2.14 KB

patch

obsolete

><!DOCTYPE html>
><html>
>  <head>
>    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
>    <style>
>      #region1, #region2 {
>        -webkit-flow-from: article;
>        float: left;
>        width: 300px;
>        height: 300px;
>        border: 1px solid green;
>      }
>      
>      #region2 {
>        height: auto;
>        margin-left: 50px;
>      }
>      
>      p {
>        margin-top: 0px;
>      }
>      
>      #content {
>        -webkit-flow-into: article;
>      }
>
>      #content:hover {
>        -webkit-transform: rotateZ(90deg);
>        -webkit-transition: -webkit-transform 2s;
>      }
>    </style>
>  </head>
>  <body>
>    <div id="region1"></div>
>    <div id="region2"></div>
>    <article id="content">
>      <p>
>        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
>        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
>        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
>        illo.
>      </p>
>      <img src="" alt="Image" style="float:right" height="10" width="10">
>      <p>
>        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
>        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
>        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
>        illo.
>      </p>
>      <p>
>        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
>        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
>        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
>        illo.
>      </p>
>      <p>
>        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
>        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
>        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
>        illo.
>      </p>
>      <p>
>        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
>        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
>        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
>        illo.
>      </p>
>    </article>
>  </body>
></html>

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style>
      #region1, #region2 {
        -webkit-flow-from: article;
        float: left;
        width: 300px;
        height: 300px;
        border: 1px solid green;
      }
      
      #region2 {
        height: auto;
        margin-left: 50px;
      }
      
      p {
        margin-top: 0px;
      }
      
      #content {
        -webkit-flow-into: article;
      }

      #content:hover {
        -webkit-transform: rotateZ(90deg);
        -webkit-transition: -webkit-transform 2s;
      }
    </style>
  </head>
  <body>
    <div id="region1"></div>
    <div id="region2"></div>
    <article id="content">
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
        illo.
      </p>
      <img src="" alt="Image" style="float:right" height="10" width="10">
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
        illo.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
        illo.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
        illo.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo 
        perferendis beatae sequi consequatur neque possimus dicta necessitatibus
        qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi 
        illo.
      </p>
    </article>
  </body>
</html>

Actions: View

Attachments on bug 132468: 230664