Force textbox single line

[tgbv]

Hi! How can I force a textbox to be single line on editing?

[asturur]

Can you be more specific?
I would think you would use the IText instead of the TextBox?

[tgbv]

When I use Textbox on canvas, and user edits it, I need to prevent him from typing new lines. I believe that issue occurs on IText as well.

…

On Sun, 10 Jan 2021, 18:46 Andrea Bogazzi, ***@***.***> wrote: Can you be more specific? I would think you would use the IText instead of the TextBox? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#6787 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AHQUYCEI2SVWQCI7Z2ISTLTSZHKVTANCNFSM4VUOVDFA> .

[asturur]

How would you do that in a normal textarea in the DOM? if you can set up that, we can probably transfer it to the textbox hidden textarea

…

On Mon, 11 Jan 2021 at 07:31, tgbv ***@***.***> wrote: When I use Textbox on canvas, and user edits it, I need to prevent him from typing new lines. I believe that issue occurs on IText as well. On Sun, 10 Jan 2021, 18:46 Andrea Bogazzi, ***@***.***> wrote: > Can you be more specific? > I would think you would use the IText instead of the TextBox? > > — > You are receiving this because you authored the thread. > Reply to this email directly, view it on GitHub > < #6787 (comment) >, > or unsubscribe > < https://github.com/notifications/unsubscribe-auth/AHQUYCEI2SVWQCI7Z2ISTLTSZHKVTANCNFSM4VUOVDFA > > . > — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#6787 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAJDQQEPZX2ZB7CZJGXANCLSZKLLXANCNFSM4VUOVDFA> .

[tgbv]

As far as my research goes, there's no way to prevent textarea from going single-line mode.

I've tried it with regex to strip the newline characters but it works only partially (after second line):

Canvas.on('text:editing:entered', e=>{
	let t = e.target

        t.fill = 'black'
        t.text = ''
        t.hiddenTextarea.value = ''
        t.hiddenTextarea.setAttribute('maxlength', 25)

        // here
        t.hiddenTextarea.setAttribute('oninput', "this.value = this.value.replace(/\\n/g,'')")
})

[asturur]

if you can write an event handler for javascript to block user inputs of newlines, then we can add it to the fabric textbox somehow. Otherwise someone has to find a way to do that first, but i won't have time for it for sure.