About the CSS supported by TIpHTMLPanel.

[TakamiChie]

About the CSS supported by TIpHTMLPanel.

Hello, I'm using Lazarus to create an application.

I'm using TIpHTMLPanel to display the results in my current application.

I am currently considering implementing a marquee-like animation for HTML tags, and I wrote the following CSS, but it did not work.

Code: Text  [Select][+][-]

1. div{
2.  width: 30ex;
3.  overflow: hidden;
4. }
5. p{
6.  width: 40ex;
7.  animation: 5s linear 0s infinite normal marquee;
8. }
9.  
10. @keyframes marquee {
11.   from   { transform: translate(0%);}
12.   99%,to { transform: translate(-100%);}
13. }
14.  

The code itself has been checked by Codepen.io and confirmed to work as expected with Google Chrome Version: 95.0.4638.69.

https://codepen.io/TakamiChie/pen/XWaVVzg

I would like to modify the above CSS or consider alternatives, as I want Lazarus to work as intended. So I would like to know what CSS is supported by TIpHTMLPanel.

Is there a list of CSS supported by TIpHTMLPanel or information about rendering engines?

--
Re:al city Agent SIDE BEACH CITY. TakamiChie
Mail：chie@onpu-tamago.net
Web：https://onpu-tamago.net/
Twitter＆Facebook： TakamiChie

[Thaddy]

You should be able to detect from the sourcecode.

[dsiders]

About the CSS supported by TIpHTMLPanel.

I spent some time (once) trying to figure this out. It didn't take long to realize that it does not really support CSS. Even the most fundamental things (like display, padding, and margin) are not consistently implemented for all supported HTML tags (4.1).

Based on the complexity of your example, I would recommend one of the Chromium Embedded frameworks. IIRC, I used fpCEF3.

[TakamiChie]

Thanks for the reply.

You should be able to detect from the sourcecode.

Is the source code a file such as 'iphtml.pas' in the '\lazarus\components\turbopower_ipro'directory or 'iphtmlprop.pas' linked from there?

Indeed, from what I see here, there are not many properties that are supported.

Based on the complexity of your example, I would recommend one of the Chromium Embedded frameworks. IIRC, I used fpCEF3.

Thank you. I'm going to consider using fpCEF3.