Skip to content

TypeError: undefined is not a function - element[0].select() #48

Open

Description

@cougar2010

In line 67 in directive.coffee element[0].select() will be returned which seems to be undefined in case of an validation error.

Console output:

TypeError: undefined is not a function
    at Object.angular.module.directive.link.rule.validator.error (angular-validator.js:63)
    at angular-validator.js:402
    at deferred.promise.then.wrappedCallback (angular.js:11682)

I think this can easily be fixed with try catch or undefined check.

Activity

  1. cougar2010 commented on Mar 24, 2015

    @cougar2010
    Author

    After a bit debugging it seems this issue only occurs if you use the validation directives not directly on a input html element. I have a custom directive for input fields (including label, input elements and some other stuff) and I'm using the validation directive on my directive instead of the input field.

    Supporting this could be achieved by something like this:

    try {
        return element[0].select ? element[0].select() : element.find('input')[0].select();
    } catch(_error) {
        console.warn('Error trying to select element ', _error.message, element);
    }
  2. CarbonFactory commented on Aug 29, 2015

    @CarbonFactory

    Thanks @cougar2010
    Had a little bug in your code. Fixed it for my case. I'm using the selectize control

    try {
        return element[0].select ? element[0].select() : element.parent().children().find('input')[0].select();
    } 
    catch (_error)  {
        console.warn('Error trying to select element ', _error.message, element);
    }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions