Products

[tbettinazzi@axioma.it]

I created a testcase on codpenn

You’ll see that if You comment the last appendChild it goes faster in a visible way.

Tks

https://codepen.io/tullio0106/pen/xbKEZjz

[tbettinazzi@axioma.it]

It works but the HTML is still not understood and <br/> is not interpreted as carriage return.

Tks

[tbettinazzi@axioma.it]

Sorry but it doesn’t seem to work.

With the following js code the window appears empty with any message I can use (also “Bye”).

const window = document.createElement(“smart-dialog-window”);
window.innerHTML= message;

• This reply was modified 1 month, 2 weeks ago by tbettinazzi@axioma.it.

[tbettinazzi@axioma.it]

I already did it but I didn’t see anything strange : the opacity is set to 1 but the tooltip it’s still transparent (I use Firefox).

[tbettinazzi@axioma.it]

I’m not able to unberstand where the problem could be.

Your testcase works.

If I put my css classes in Your testcase it still works.

In my environment I verified that opacity is set 1 and is kept but the tooltip is still trasparent (background yellow)

I dont’ see where I should look for.

Any further suggeston ?

Tks

 

[tbettinazzi@axioma.it]

Done but nothing changed.

The value is kept but the the tooltip is still transparent and poorly readable.

Tks

[tbettinazzi@axioma.it]

I’m still not able to make it working.

Please look at https://codepen.io/tullio0106/pen/qBegvaM

The esternal div has all required css properties as You described but the progress bar is still in the left upper side corner.

Tks

[tbettinazzi@axioma.it]

Tks but it still doesn’t work

The only change is that display:flex adds also a harmful new line.

I updated the testcase.

Tks

[tbettinazzi@axioma.it]

I prepared a testcase in codpen

https://codepen.io/tullio0106/pen/jOgQwrY

You’ll see the first button is not shown in the expected way.

Tks

[tbettinazzi@axioma.it]

Also using material icons the icon is shown only partially in the lower right corner.

What’s wrong ?

Tks

[tbettinazzi@axioma.it]

If usefull I can try to provide the firefox profiler infos.

[tbettinazzi@axioma.it]

In the code You posted buttons are still built by code and not by tags.

I used firefox performance and I saw all “slowness” is in Your code : I’ve only a very smalljs in my code.

Tks

[tbettinazzi@axioma.it]

Yes but I can’t, if I understand right your soulution.

As explained my button are mixed with other html object (like text, icons etc…) within an html table.

I don’t understand how I can add them at the beginning and then dispose them in the correct position.

If You look at the provided testcase You’ll see the real situation I should work in.

Tks

[tbettinazzi@axioma.it]

Tks but this doesn’t solve my problem.

My buttons are distributed among many others html objects and then I believe I can’t create a document fragment, add all buttons and then attach the document fragment.

Could You suggest a viable workaround ?

Furthermore the link You posted tells documentFragment have better performances on “older engines” but I’m using last versions of chrome and firefox.

Tks

Tullio

 

[tbettinazzi@axioma.it]

In your example You used code, I need to use tags.

I don’t know if this is the difference.

Tks

[Author]

Posts