Dynamically change position of VTextField

[HametAl]

Hi everyone,

I want to dynamically change the position of VTextField, but I am unsuccessful with my code.

with v3.VContainer(
   v_show=("active_view == 'my_view)'"),
   fluid=True,
   classes="pa-0 fill-height",
   **listener(['mousemove'])
):
    v3.VTextField(style=("'position:absolute; left:${my_x}px; bottom:${my_y}px; z-index:1000; width:100px;'",),)

Any help is highly appreciated.

Thanks and regards

[jourdain]

I don't know what your listener function is doing, but that can work if you properly use the back tick "`" not the regular '.
Also you may want to set a "position: relative;" on the VContainer to use it as a reference for your nested "position: absolute;".

[jourdain]

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

[HametAl]

Thanks Jourdain, much appreciated. Yes it is working. I was using regular ' and not `. My function (listener) is just for my mousemove event and that is also working. Thanks again!