Here's a second related bug I experience:

http://i.imgur.com/6MVVHcq.png

When submitting a new sentence, the 'diacritics' get cut off in the same way. The newly-submitted sentence #4630768 gets chopped but the pre-existing sentence #4629634 displays correctly.

If I reload the page, both display correctly.

I need to double-check these sentences for typos whenever this rendering bug shows up.

And here's a CSS solution that works for me -- fixes both problems and one more:

div.editableSentence, .addTranslationsTextInput { padding-top: 4px; }

(The text input was tight as well, so I added a padding there.)

I know languages such as Vietnamese use more complex diacritics that take more vertical space. If someone would produce a sentence for me to test with such a language, I'd be happy to test it.

Edit: It seems the input textboxes are all a bit tight vertically. The Å in Åke gets cut off in the topmost search bar, and in the 'Advanced search' form. This CSS rule fixes it:

input[type="text"] { padding-top: 5px !important; }

(It's an 'override' rule. Not something to check into the code.)

@wells, sorry for the late reply. I opened a ticket for this - https://github.com/Tatoeba/tatoeba2/issues/863

@wells, can you reproduce this problem yet?

I wasn't able to reproduce this problem. ( http://prntscr.com/ahnkok ). Did someone else do it?