Angular input auto size not working with typeahead - angular6

I'm working with ng-typeahead. I'm using ngx-input-autosize on my input field. When i write in my input field it is working fine. But when I'm using ng-typeahead, then ngx-input-autosize not resizing.

Related

How do I change Dash elements' content without using callbacks?

Suppose I have a layout which includes some element, say DataTable. How do I update its value without using callbacks?

How can i use an outer source of text input( ex. Scanner) to input data without having an HTML input field?

I have attached my usb scanner to the pc. it works well with a normal input field. But i dont want to show the field box. I only want to read the Data through scanning.
I tried hidding the input field by using input type="hidden". that hides the field but data doesnt pass.
I tried display:none; same as before.
And Finally i tried vanishing the field's border/outline But it was useless.
Just Figured out that setting the z-index: -1 does the trick. If there's a better option let me know

how can i change the width of an dropdown list as his actually input size

im programming a backend system with emberjs and i use the ember select for dropdowns.
the problem that i have is that the list has the same width of the input field.
is their an way to give the list a nother width as the input? In dev tools it looks like that the width is given dynamicly (pic 2)
i didn't found a solution, to change the width dynamicly so it fits to the content in the list
that's how it should look like
Try adding white-space: nowrap; to the items in the list - this will force the text to remain on a single line.
Untested since you haven't posted any code.

Change form of input in Material css

I like Material css design but I have a problem with the input. The input form not so common for user who use it for first time. So how to change form of input into just like Bootstrap input (a box). Thanks
You can't just change it. But you may use textbox as type and class "browser-default" for select.

How to display Kendo grid dropdown column always in edit mode?

I am using kendo grid which has column Action as Dropdown. Its working fine.
But the behavior is when grid load the dropdown column value display as text and when I click on that text then dropdown get display with populated values.
Is it possible to display column value always in Dropdown instead of Text?
Thanks!
Telerik has a sample on how to do it for a checkbox: http://docs.telerik.com/kendo-ui/web/grid/how-to/Templates/grid-with-checkbox-column
I Guess you could do the same for a drop-down:
Create a template for the column with a drop-down.
Add a javascript which updates the underlying model when the user change the selected item in the drop-down.