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.

<b-form-input> does not work with type="number"

See original GitHub issue

I’m trying to use the <b-form-input> to edit a number, but an exception is thrown.

This is the line of code that fails:

computed: {
    rowsCount: function rowsCount() {
        return (this.value || '').split('\n').length;
    }
}

I don’t know where the code is in this code base, but when my browser hits the rowsCount() function, this.value is set to the number I want to edit, however it will fail because there is no .split() on a number.

Issue Analytics

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

Top GitHub Comments

2reactions

mosinvecommented, Apr 5, 2017

Fixed, will be available in next release.

0reactions

TypicalFooBarcommented, Apr 5, 2017

Awesome! Hey, thanks a bunch for helping me out and working on this! 😃

Top Results From Across the Web

vue.js - BootstrapVue - Number Form Input not working in Firefox

I tried implementing this with type="number" , but it is only having an effect in Chrome, and not Firefox. The maximum number that...

Form Input | Components - BootstrapVue

Create various type inputs such as: text, password, number, url, email, search, range, date and more.

<input type="tel"> - HTML: HyperText Markup Language | MDN

Any values in the list that are not compatible with the type are not included in the suggested options. The values provided are...

Turn Off Number Input Spinners - CSS-Tricks

This is not working in FF, opera, and if i use input[type=number] { -moz-appearance: textfield; } This loose control on specific type number...

Only allow numbers in range with one decimal-Vue.js

I have a configurable validation variable that you can configure and adjust your ... <div id="app"> <b-form-input type="number" :step="0.1" v-model="value" ...