Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Chrome extension: problem recording input changes (multiple fields)

See original GitHub issue

Hello. Thanks for a great tool.

I have a simple web form (“send a comment” type) with 3 fields. Recording the changes using a chrome extension 2.4.0.

Actions: Typing “Text1”, “Text2”, “Text3” in each field respectively.

Log shows:

click comments
enter comments as Test1Test2Test3

It glued 3 separate field edits into one…

The HTML for the web form is:

 <form action="http://filvarok.info/wp-comments-post.php" method="post" id="commentform" class="comment-form">
        <div class="blog-form-group-textarea">
            <textarea id="comments" rows="5" class="blog-form-control-textarea" name="comment" type="text" placeholder="Comment:"></textarea>
        </div>
        <div class="blog-form-group">
            <input class="blog-form-control" name="author" id="author" value="" type="name" placeholder="Name:">
        </div>
        <div class="blog-form-group">
            <input class="blog-form-control" name="email" id="email" value="" type="email" placeholder="Email:">
        </div>
        <p class="form-submit">
            <input name="submit" type="submit" id="blogdetail_btn" class="submit" value="Send">
            <input type="hidden" name="comment_post_ID" value="140" id="comment_post_ID">
            <input type="hidden" name="comment_parent" id="comment_parent" value="0">
        </p>
 </form>

Issue Analytics

State:
Created 6 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

klichukbcommented, Sep 6, 2017

Great. Sorry about not mentioning what exactly i discovered about tabbing. Initially tabbing through inputs was an issue for me, not capturing Tab key presses, hence i haven’t event noticed these are not recorded 😃

At least the input events are not glued together and the test cases generated look correct.

I loaded extension directly from repo to Chrome and it works fine.

Thanks for updates, @kensoh !

1reaction

klichukbcommented, Sep 5, 2017

Hey, @kensoh. Thanks for response. I was tabbing through the inputs.

But I guess I have a good news. I just substituted latest recorder.js from Resurrectio into TagUI chrome extension and the tabbing works great. I’m not sure if everything else is still compatible with the extension and what changes does TagUI introduce to this file, but so far so good!

Please try to update recorder from Resurrection repo.