LayoutTests/fast/css/apple-prefix.html

   1 <html>
   2 <head>
   3 <script>
   4 function test()
   5 {
   6     var content = document.getElementById('content');
   7     content.style.appleLineClamp = "10%";
   8 }
   9 </script>
  10 <style>
  11 .content {
  12     overflow: hidden;
  13     display: -webkit-box;
  14     -webkit-box-orient: vertical;
  15 }
  16 </style>
  17 </head>
  18 <body onload="test()">
  19 <p>This tests use of the -apple-line-clamp function in a web page, from JavaScript, and using the "apple" prefix, not "khtml".</p>
  20 <p>If it works properly, the article below should show only the first few lines. Otherwise, it might show many lines.</p>
  21 <hr>
  22 <div class="content" id="content">
  23 <div>
  24 <p>It was just last night, I think, that I was IM&#39;ing with a friend and I said, &quot;Next week Simon starts going to
  25 school for 3 days extended (until 3pm) and Sophia starts swim camp! I won&#39;t know what to do with my free time! But I&#39;m
  26 willing to find out.&quot;</p><p>You know the old saying: &quot;Man plans, God laughs.&quot;</p>
  27 <p>Today I got a call from the preschool telling me that Sophia had broken her arm.</p>
  28 <p>It happened on the playground. I imagined she had fallen off the monkey bars or something, but no: she had been sitting
  29 at the Art Table, and as she was getting off the bench she slipped and fell on her arm. She was being very brave when I came
  30 to get herÑno tears, stoically holding her arm covered in ice packs. She <i>had</i> cried, she told me. All of the teachers
  31 were quite amazed at how brave she was being. I took her to the doctor and from there to the pediatric orthopedic doctor.
  32 She started to lose her composure, though, after she had finally gotten the X-rays (&quot;Like Curious George got when he
  33 went to the hospital&quot;) and we had to wait in the exam room.</p>
  34 <p>&quot;I want to go home now,&quot; she said. &quot;I wish I&#39;d never hurt my arm.&quot;</p>
  35 <p>The ortho tech came in to give her a splint (she&#39;ll have a splint for a couple of days and then get a cast on Thursday),
  36 and can I tell you how worrisome it is to have an ortho tech who is a <b>dead ringer</b> for Ian McShane as Al Swearengen
  37 wrapping up your daughter in gauze? (I&#39;m totally serious. He didn&#39;t have grease in his hair, and he didn&#39;t have the
  38 little beard under his lip, but other than that: yup.)</p>
  39 <p>So now she&#39;s on the couch, watching &quot;Dragontales&quot; with her arm propped up on a pillow (to keep it above the heart).
  40 She&#39;s eating a couple of cut-up apples and cheese sticks (&quot;because that&#39;s all I can eat now, Mommy&quot;).</p>
  41 <p>She&#39;s upset because she&#39;s not going to be able to do all the swimming she was planning. I&#39;m upset because my
  42 little girl got hurt. I assume that after a day or so we&#39;ll adjust to the new regimen. Of course, she can&#39;t go to her last
  43 day of preschool tomorrow, because they&#39;re having &quot;Water Days,&quot; and she can&#39;t get wet.</p>
  44 <p>The weather&#39;s finally gotten extremely hot around here, and she can&#39;t get her splint (and in a few days, her cast) wet. <i>Neat.</i></p>
  45 <p>I&#39;ve never broken anything (knock on nearest wood sprite)Ñdoes it affect your outlook on life?
  46 She has an adventuresome spirit and I hope she&#39;s just as energetic after this little incident as she was before.
  47 At the moment she&#39;s even lost her sense of humor.</p>
  48 </div>
  49 <hr>
  50 </div>
  51 </body>
  52 </html>