WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Weird behavior on Twenty Eleven comment form

[Resolved] Weird behavior on Twenty Eleven comment form

  • Well, this is odd, and since the Twenty Eleven demo doesn’t have comments turned on, I’m not able to tell if this normal. When I click in one of the comment boxes to type my name, for example, and then I tab down to the next box to type my email address, when I put my cursor back into the name box, the text jumps over. It also does this as soon as I’ve tabbed to another box.

    How do I remove this function? I’m using a child theme and Firebug, and I can’t determine which segment of code is causing this weird behavior to happen. Any suggestions?

    Here’s the permalink for one of the posts: HELLO!!

    Thank you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • As a follow up, for some reason the labels for my comment author/email/website boxes was set to display: none. Clearly I did this, but I forgot, so the labels weren’t showing up. Because of this I was experiencing big jumps in the text positioning whenever I would place my cursor in the box or tab down to the next box. Now that I have the labels turned on (I’m working on the formatting), I’m now trying to decide if I want them to appear above the boxes, or keep them inside. The Contact Me page has them above the boxes. I would like both forms to look the same.

    Should I decide to move the labels above the boxes, how do I stop that text-sliding behavior?

    Thank you.

    Moderator kmessinger

    @kmessinger

    That is normal for twenty-eleven. I guess it is so the box is empty when you type name or url. The boxes look different between your site and my test site but that must be because of fonts. You can see it on the test site here, http://tsaidiots.com/?p=825#respond

    Thanks for the response. I’ve decided to position the labels above the text boxes. I did this by setting the z-index to zero. But why is the text still sliding back and forth when I place my cursor in the box or tab down to the next box? Does that have something to do with position: relative? I’ve tried setting position to none, but that doesn’t stop this from happening.

    Moderator kmessinger

    @kmessinger

    Great. I love z index. Pls mark resolved when you get a chance.

    I’ll mark resolved when I have a solution. I edited my last comment to reflect my partial solution. The sliding behavior won’t go away.

    P.S. My understanding is that you can’t simply delete something from a child theme, because the parent theme will override any deletions and automatically insert the deleted code, correct? I’m thinking position: relative has something to do with the sliding behavior, but changing it to absolute, fixed or static doesn’t fix the problem (and one of them removes the text boxes), and setting it to “none” doesn’t do anything.

    Moderator kmessinger

    @kmessinger

    My understanding is that you can’t simply delete something from a child theme, because the parent theme will override any deletions and automatically insert the deleted code, correct?

    Correct.

    Holy jugs … so weird. When using Firebug the code that kept coming up didn’t show me that there was a text indent, and scanning my CSS I didn’t see it anywhere. But suddenly there it was in Firebug. Because of the movement it creates when placing my cursor in the box or two-finger tapping to pull up the code in Firebug, I just couldn’t get the slider code to reveal itself. But anyway, I found the problem, searched for CSS element, and added text-indent: 0. There must be another stylesheet in CPanel with all these extra code.

    But anyhoo, problem fixed!!! Hope this helps someone else down the road. It’s hard finding solutions in the forums when you don’t know how to describe something in the search box.

    Cheers!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Weird behavior on Twenty Eleven comment form’ is closed to new replies.
Skip to toolbar