{"id":178,"date":"2007-06-06T19:11:02","date_gmt":"2007-06-06T18:11:02","guid":{"rendered":"http:\/\/www.nivas.hr\/blog\/2007\/06\/06\/flash-player-9-the-neverending-battle-for-croatian-letters-problem-sa-hrvatskim-dijakriticima-u-flash-playeru-9\/"},"modified":"2007-06-07T02:23:45","modified_gmt":"2007-06-07T01:23:45","slug":"flash-player-9-the-neverending-battle-for-croatian-letters-problem-sa-hrvatskim-dijakriticima-u-flash-playeru-9","status":"publish","type":"post","link":"https:\/\/www.nivas.hr\/blog\/2007\/06\/06\/flash-player-9-the-neverending-battle-for-croatian-letters-problem-sa-hrvatskim-dijakriticima-u-flash-playeru-9\/","title":{"rendered":"Flash Player 9 &#8211; The neverending battle for Croatian letters (problem sa hrvatskim dijakriticima u flash playeru 9)"},"content":{"rendered":"<p>How nice, I even included Croatian translation of this posts title, so Google could index me better. Two years ago (2005) Patrick Mineault <a href=\"http:\/\/www.5etdemi.com\/blog\/archives\/2005\/06\/firefox-wmodetransparent-is-completely-screwy-and-breaks-textfields\/\">wrote an article<\/a> about how wmode=transparent is screwing FireFox. Two years later, 1 flash version higher &#8211; the history repeats itself.<\/p>\n<p>Last week, friend from <a href=\"http:\/\/www.zviz.net\/\">Zviz<\/a> called me up because he was working on a flash 8 site which used wmode=transparent, and he experienced something similar, but for us Croatians &#8211; a much worse scenario. The loss of Croatian characters. He used TextField drawn on stage with embedded Latin Extended A charset, something very usual. To be more exact &#8211; Internet Explorer didn&#8217;t display Croatian characters in input text fields and Firefox was displaying only lowercase letters. During my extensive testing, I&#8217;ve found out that Safari on OSX isn&#8217;t displaying Croatian letters AT ALL. How can all that be? I guess nobody from Croatia reported it to Adobe during Flash 9 player beta phase. Bah! I&#8217;ve tested this in Firefox and IE, both FP8 and Flash Player 9 r45, and I got the same results by using TextArea, TextFields and TextInputs.<\/p>\n<p>As you can test for your self in transparent movie below (just click on the rectangle and try typing), Flash receives correct charCodes (\u0161 &#8211; 154, \u0111 &#8211; 260, \u010d &#8211; 232, \u0107 &#8211; 230, \u017e &#8211; 158), but what goes wrong and when?<br \/>\n[flash http:\/\/www.nivas.hr\/blog\/wp-content\/uploads\/2007\/06\/keyboardlistenertest.swf w=251 h=110 p={menu;false|quality;high|wmode;transparent}]<\/p>\n<p>This is non transparent version (wmode=window):<br \/>\n[flash http:\/\/www.nivas.hr\/blog\/wp-content\/uploads\/2007\/06\/keyboardlistenertest.swf w=251 h=110 p={menu;false|quality;high]<\/p>\n<p>Below are the snapshots of copy pasted test text (\u0161\u0111\u010d\u0107\u017e\u0160\u0110\u010c\u0106\u017d) into browsers. Characters appear as they should. However, that doesn&#8217;t put any light to this problem at all. <\/p>\n<p><img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/09_ie6_f9_wmode_transparent_copy_paste.jpg\" width=\"290\" height=\"144\"   \/><br \/>\n(Internet Explorer 6, Flash Player 9, wmode=transparent &#8211; copy\/pasted text)<\/p>\n<p><img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/10_ff_f9_wmode_transparent_copy_paste.jpg\" width=\"290\" height=\"144\"   \/><br \/>\n(Firefox 2, Flash Player 9, wmode=transparent &#8211; copy\/pasted text)<\/p>\n<p>Ok, so here are different Flash Player versions, on different browsers. I didn&#8217;t include Opera screenshots, because the results I was getting were the same as in Firefox.<\/p>\n<p><strong>Internet Explorer 6, Flash Player 8, wmode=window (usual behavior)<\/strong><br \/>\n<img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/01_ie6_fp8_wmode_window.jpg\" width=\"290\" height=\"144\"  \/><\/p>\n<p><strong>Internet Explorer 6, Flash Player 8, wmode=transparent<\/strong><br \/>\nThe fun starts here. Instead of Croatian letters, you get total gibberish. IE can&#8217;t handle wmode=transparent at all. I got the same result in Internet Explorer 7.<br \/>\n<img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/02_ie6_fp8_wmode_transparent.jpg\" width=\"290\" height=\"144\"   \/><\/p>\n<p><strong>Internet Explorer 6, Flash Player 9, wmode=window<\/strong><br \/>\n<img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/03_ie6_fp9_wmode_window.jpg\" width=\"290\" height=\"144\"   \/><\/p>\n<p><strong>Internet Explorer 6, Flash Player 9, wmode=transparent<\/strong><br \/>\nThis is totally wrong. This is the same problem as in Flash Player 8 and wmode=transparent.<br \/>\n<img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/04_ie6_fp9_wmode_transparent.jpg\" width=\"290\" height=\"144\" \/><\/p>\n<p><strong>Firefox 2, Flash Player 8, wmode=window<\/strong><br \/>\nThis is OK.<br \/>\n<img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/05_ff_fp8_wmode_window.jpg\" width=\"290\" height=\"144\"   \/><\/p>\n<p><strong>Firefox 2, Flash Player 8, wmode=transparent<\/strong><br \/>\nFirefox managed to show Croatian letters, but only lowercase letters. Holding SHIFT key and pressing <em>\u0160\u0110\u010c\u0106\u017d <\/em>got me small caps <em>\u0161\u0111\u010d\u0107\u017e<\/em>.<br \/>\n<img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/06_ff_f8_wmode_transparent.jpg\" width=\"290\" height=\"144\"   \/><\/p>\n<p><strong>Firefox 2, Flash Player 9, wmode=window<\/strong><br \/>\nEverything is peachy.<br \/>\n<img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/07_ff_f9_wmode_window.jpg\" width=\"290\" height=\"144\"   \/><\/p>\n<p><strong>Firefox 2, Flash Player 9, wmode=transparent<\/strong><br \/>\nHo ho, I sure didn&#8217;t expect this. Flash 9 TextArea and TextInput components are completely transparent. The input font is not Arial, but Courier (_serif), and again, Firefox managed to show only smallcaps letters (the same as with Flash Player 8 and wmode=transparent).<br \/>\n<img loading=\"lazy\" src=\"http:\/\/www.nivas.hr\/blog\/wp-content\/photos\/08_ff_f9_wmode_transparent.jpg\" width=\"290\" height=\"144\"   \/><\/p>\n<p><strong>The conclusion? Unfortunately, there isn&#8217;t any.<\/strong><\/p>\n<p>The original test files can be viewed here:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.nivas.hr\/pub\/test-hr-slova\/test_nontransparent.html\">Flash 8 test &#8211; non transparent<\/a><\/li>\n<li><a href=\"http:\/\/www.nivas.hr\/pub\/test-hr-slova\/test_transparent.html\">Flash 8 test &#8211; wmode=transparent<\/a><\/li>\n<li><a href=\"http:\/\/www.nivas.hr\/pub\/test-hr-slova\/test_nontransparent_f9.html\">Flash 9 test &#8211; non transparent<\/a><\/li>\n<li><a href=\"http:\/\/www.nivas.hr\/pub\/test-hr-slova\/test_transparent_f9.html\">Flash 9 test &#8211; wmode=transparent<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>How nice, I even included Croatian translation of this posts title, so Google could index me better. Two years ago (2005) Patrick Mineault wrote an article about how wmode=transparent is screwing FireFox. Two years later, 1 flash version higher &#8211; the history repeats itself. Last week, friend from Zviz called me up because he was&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,2],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/178"}],"collection":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/comments?post=178"}],"version-history":[{"count":0,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/178\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/media?parent=178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/categories?post=178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/tags?post=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}