witchmonster / latynka_chrome_plugin

Uses the algorythm from jkramr/latynka to translate pages.
https://chrome.google.com/webstore/detail/ukrajinska-latynka-transl/dflniejibinlfcafclbjfdjlcpgkkfhe?hl=en-GB&authuser=0
2 stars 0 forks source link

Google Search visuals are broken when containing Ukrainian Cyrillic search results when plugin is ON. #1

Open qtlich opened 1 year ago

qtlich commented 1 year ago

текст часто накладається

witchmonster commented 1 year ago

This is [almost] unfixable from the side of the plugin. Translating some elements makes Google regenerate some of it's sokoban ui element ids, which breaks the "sokoban" i.e. this particular element formatting. I'd recommend to not use the plugin on sites that are too smart for their own good: YouTube, social media sites, Google search, etc. Wiki, book sites and other simpler html resources will work well.

As a workaround, I can disable translation of Google sokoban ui elements, to prevent this visual issue. Although it is not in my priority list at the moment, since you have the option to not enable it on these sites.

witchmonster commented 1 year ago

PRs are welcome if you want it fixed asap. The elements to exclude from translation look like:

<div class="kvH3mc BToiNc UK95Uc" data-sokoban-container="ih6Jnb_qZHC9e">
<div jsname="d3PE6e" style="display:none">
...
<div data-ved="2ahUKEwiQhb-P_tP8AhUJaMAKHZIJBUAQsKwBKAB6BQiSARAB">boršč</div>
<div data-ved="2ahUKEwiQhb-P_tP8AhUJaMAKHZIJBUAQsKwBKAF6BQiSARAC">boršč</div>
...
</div>

another example (full element):

<div class="GLI8Bc UK95Uc" data-sokoban-container="ih6Jnb_xxwrz"><div class="Z26q7c UK95Uc jGGQ5e VGXe8" data-header-feature="0" data-sokoban-feature="x5WNvb" style="grid-area:x5WNvb"><div class="yuRUbf"><a href="http://edim.com.ua/borshh-z-myasom-5-klasichnih-retseptiv-prigotuvannya-smachnogo-chervonogo-borshhu-na-myasnomu-buljoni/" data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQFnoECA0QAQ" ping="/url?sa=t&amp;source=web&amp;rct=j&amp;url=http://edim.com.ua/borshh-z-myasom-5-klasichnih-retseptiv-prigotuvannya-smachnogo-chervonogo-borshhu-na-myasnomu-buljoni/&amp;ved=2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQFnoECA0QAQ"><br><h3 class="LC20lb MBeuO DKV0Md">Boršč z mjasom — 5 klasyčnyh receptiv prygotuvannja ...</h3><div class="TbwUpd NJjxre"><cite class="iUh30 qLRx3b tjvcx" role="text">http://edim.com.ua<span class="dyjrff qzEoUe" role="text"> › borshh-z-myaso...</span></cite></div></a><div class="B6fmyf"><div class="TbwUpd"><cite class="iUh30 qLRx3b tjvcx" role="text">http://edim.com.ua<span class="dyjrff qzEoUe" role="text"> › borshh-z-myaso...</span></cite></div><div class="eFM0qc"><span class="LAWljd"> · </span><a class="fl iUh30" href="https://translate.google.com/translate?hl=en&amp;sl=uk&amp;u=http://edim.com.ua/borshh-z-myasom-5-klasichnih-retseptiv-prigotuvannya-smachnogo-chervonogo-borshhu-na-myasnomu-buljoni/&amp;prev=search&amp;pto=aue" ping="/url?sa=t&amp;source=web&amp;rct=j&amp;url=https://translate.google.com/translate%3Fhl%3Den%26sl%3Duk%26u%3Dhttp://edim.com.ua/borshh-z-myasom-5-klasichnih-retseptiv-prigotuvannya-smachnogo-chervonogo-borshhu-na-myasnomu-buljoni/%26prev%3Dsearch%26pto%3Daue&amp;ved=2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQ7gF6BAgNEAU"><span>Translate this page</span></a></div><div class="csDOgf"><div jscontroller="exgaYe" data-bsextraheight="0" data-darkmode="true" data-isdesktop="true" jsdata="l7Bhpb;_;CVfS2o cECq7c;_;CVfS20" data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQ2esEegQIDRAG"><div jsaction="KyPa0e:RvIhPd;wjOG7e:edHC5b;al5F3e:edHC5b;"><div role="button" tabindex="0" jsaction="RvIhPd" jsname="I3kE2c" class="iTPLzd GUHazd lUn2nc eY4mx" style="padding-bottom:20px;padding-right:5px;position:absolute" aria-label="About this result"><span jsname="czHhOd" class="D6lY4c"><span jsname="Bil8Ae" class="xTFaxe IjabWd z1asCe SaPW2b" style="height:18px;line-height:18px;width:18px"><svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></svg></span></span></div><span jsname="zOVa8" data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQh-4GegQIDRAH"></span></div></div></div></div></div></div><div class="Z26q7c UK95Uc Sth6v" data-content-feature="0,1,2" data-sokoban-feature="Vjbam" style="padding-left:12px;grid-area:Vjbam;width:92px"><div><a href="http://edim.com.ua/borshh-z-myasom-5-klasichnih-retseptiv-prigotuvannya-smachnogo-chervonogo-borshhu-na-myasnomu-buljoni/" ping="/url?sa=t&amp;source=web&amp;rct=j&amp;url=http://edim.com.ua/borshh-z-myasom-5-klasichnih-retseptiv-prigotuvannya-smachnogo-chervonogo-borshhu-na-myasnomu-buljoni/&amp;ved=2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQ-gh6BAgSEAA"><div class="LicuJb uhHOwf BYbUcd" aria-hidden="true" style="border-radius:8px;height:92px;width:92px"><img alt="борщ український з м'ясом рецепт from edim.com.ua" id="dimg_3" src="data:image/jpeg;base64,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" data-atf="8" data-frt="0"></div></a></div></div><div class="Z26q7c UK95Uc VGXe8" data-content-feature="2" data-sokoban-feature="nke7rc" style="grid-area:nke7rc"><div class="VwiC3b yXK7lf MUxGbd yDYNvb lyLwlc"><span>Raz vže my rozgljadajemo najsmačniši sposoby prygotuvaty <em>boršč</em> z <em>m'jasom</em>, to ne varto vypuskaty z uvagy <em>ukrajins'kyj boršč</em>. Vin v obov'jazkovomu porjadku gotujet'sja na m&nbsp;...</span></div></div><div class="Z26q7c UK95Uc VGXe8" data-sokoban-feature="bvRFlf" style="grid-area:bvRFlf"><div jscontroller="K6HGfd" id="eob_4" jsdata="fxg5tf;_;CVfS2c" jsaction="rcuQ6b:npT2md" data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQ2Z0BegQICRAA"><div jsname="UTgHCf" class="AUiS2" data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQx40DegQIThAA"><div jsname="d3PE6e" style="display:none"><div data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQsKwBKAB6BAhOEAE">recept boršču bez m'jasa</div><div data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQsKwBKAF6BAhOEAI">ukrajins'kyj boršč z kvasoleju recept</div><div data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQsKwBKAJ6BAhOEAM">ukrajins'kyj boršč starovynnyj recept</div><div data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQsKwBKAN6BAhOEAQ">tradycijnyj ukrajins'kyj boršč</div><div data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQsKwBKAR6BAhOEAU">boršč ukrajins'kyj z pampuškamy</div><div data-ved="2ahUKEwimgtLV_tP8AhWIUsAKHZrUAhQQsKwBKAV6BAhOEAY">recept boršču klopotenko</div></div><div><div jsname="l1CLDf" class="d8lLoc"><h4 jsname="IaVMje" class="eJ7tvc">People also search for</h4><span jsname="ZnuYW" class="XCKyNd" jsaction="ornU0b" aria-label="Dismiss suggested follow ups" role="button" tabindex="0"></span><div jsname="CeevUc" class="hYkSRb" style="display:none"></div></div></div></div></div></div></div>