Privly Button Test File

This file contains a test cases for different circumstances in which the Privly button should appear and is cognizable. It shows its position relative to the height of the textarea / editable divs.


1. Large textarea with immediate parent div

Parent div has border.



2. Large textarea without immediate parent div

Textarea has border.



3. Small textarea (21px) with immediate parent div

Child textarea has 10px top margin. Parent div has a border.



4. Small textarea (21px) without immediate parent div

Textarea has border.



5. Very small textarea (< 21px) with immediate parent div

Textarea has border.



6. Very small textarea (< 21px) without immediate parent div

Textarea has border.



7. Div (contentEditable="true")

Div has border.

Enter...



8. Div (contentEditable="")

Div has border.

Enter...



9. Div (contentEditable="plaintext-only")

Div has border.

Enter...


10. Editable div with blank child div (Twitter)

Div has border. Click in the lower part of the div.




11. iframe (body contentEditable)

iframe has border.



12. iframe (designMode='on')

iframe has border.

13. Privly button under light backgrounds

#ffffff

#bad3ff

#df97ff

#ffb167

#8cff6e

#b49eff

#b2f800

#00f1e5

14. Privly button under medium backgrounds

#ff7ce3

#ff607d

#378aff

#ff6e29

#26ce00

15. Privly button under dark backgrounds

#ae00dc

#ac004c

#0050ac

#008909

#977b00

#222222