Ticket #6324: 6324_workaround.html

File 6324_workaround.html, 1.2 kB (added by bill, 10 months ago)

test case showing possible workaround

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2                "http://www.w3.org/TR/html4/strict.dtd">
3<html>
4        <head>
5                <title>Testcase for #6324</title>
6
7                <style type="text/css">
8                        .dijitInline {
9                                /*  To inline block elements.
10                                        Similar to InlineBox below, but this has fewer side-effects in Moz.
11                                        Also, apparently works on a DIV as well as a FIELDSET.
12                                */
13                                display:-moz-inline-box;                /* FF2 */
14                                display:inline-block;                   /* webkit and FF3 */
15                                #zoom: 1; /* set hasLayout:true to mimic inline-block */
16                                #display:inline; /* don't use .dj_ie since that increases the priority */
17                                border:0;
18                                padding:0;
19                                vertical-align:middle;
20                        }
21                </style>
22        </head>
23        <body>
24                <p>
25                Possible workaround for <a href="http://trac.dojotoolkit.org/ticket/6324">#6324</a>, bug where you can't type on last
26                line of a content editable div, on Safari3.1.
27                Note that problem only occurs if there's a &lt;br&gt; after the div.
28                Workaround gets rid of fieldset and just uses div.
29                </p>
30                before<div contentEditable="true" class="dijitInline" style="width:30%; border: 30px solid black;">
31                                content editable div
32                        </div>after
33                <br>
34                and here's the text after
35        </body>
36</html>