# TextInput cursour not moving when we change text from JS

**URL:** <https://forums.fusetools.com/t/textinput-cursour-not-moving-when-we-change-text-from-js/7216>\
**Category:** Bug Reports\
**Created:** [May 30, 2018, 10:35am UTC](https://forums.fusetools.com/t/textinput-cursour-not-moving-when-we-change-text-from-js/7216 "2018-05-30T10:35:46Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dhvl\_Golakiya](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/dhvl_golakiya/32/227_2.png) [@Dhvl\_Golakiya](https://forums.fusetools.com/u/Dhvl_Golakiya)\
**Post date:** [May 30, 2018, 10:35am UTC](https://forums.fusetools.com/t/textinput-cursour-not-moving-when-we-change-text-from-js/7216/1 "2018-05-30T10:35:46Z")

</div>

Hi,

I am setting Phone number format in Text Input. While setting phone number format, a cursor is not moving with text changes so when I type new characters, they are adding between the text, not at last.

Check code:

```auto
<App>
    <JavaScript>
        var Observable = require('FuseJS/Observable');
        var mobileNumber = Observable("");

        mobileNumber.onValueChanged(module, function (text) {
            var number = mobileNumber.value.replace(/[^\d]/g, '');
            if (number.length === 7 || number.length === 8) {
                number = number.replace(/(\d{3})(\d+)/, "$1-$2");
            } else if (number.length === 9) {
                number = number.replace(/(\d{3})(\d{3})(\d{3})/, "$1-$2-$3");
            } else if (number.length > 9) {
                number = number.replace(/(\d{3})(\d{3})(\d+)/, "($1) $2-$3");
            }
            if (number === mobileNumber.value) {
                return;
            }
            mobileNumber.value = number;
        });

        module.exports = {
            mobileNumber:mobileNumber
        }
    </JavaScript>

    <StackPanel Alignment="Center" Width="80%">
        <TextInput PlaceholderText="(000) 000-0000" PlaceholderColor="#7E858C" Padding="7,7,10,7" Value="{mobileNumber}" CaretColor="#329af0" FontSize="19" TextColor="#000" InputHint="Phone">
        </TextInput>
        <Rectangle Height="1" Color="#0314226B"/>
    </StackPanel>

</App>

```

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [June 1, 2018, 8:09am UTC](https://forums.fusetools.com/t/textinput-cursour-not-moving-when-we-change-text-from-js/7216/2 "2018-06-01T08:09:02Z")

</div>

Please log issues like this on the [open fuselibs](https://github.com/fuse-open/fuselibs/issues) repository instead of forums.

---

<div class="post-metadata">

**Author:** ![Dhvl\_Golakiya](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/dhvl_golakiya/32/227_2.png) [@Dhvl\_Golakiya](https://forums.fusetools.com/u/Dhvl_Golakiya)\
**Post date:** [June 1, 2018, 12:30pm UTC](https://forums.fusetools.com/t/textinput-cursour-not-moving-when-we-change-text-from-js/7216/3 "2018-06-01T12:30:58Z")

</div>

Thanks, will create issue on Github
