Bug 20772

Open the attached file. It has 3 input form fields. The first is translated using -webkit-transform. When you click on it, the blue highlight box is rendered incorrectly. It also does not show the caret. And when you type, the first character shows up, but the others do not, until you click outside the widget. The second is a search box, with -webkit-transform: translate(0,0); style. When you click, the spotlight button does not show up and you get no caret. When you type, the text appears, but still no caret. Also, the blue highlight box seems to show up randomly. The last is a normal text box, but with a rotation. This one also shows the blue highlight wrong, and shows no characters or caret at all.