Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

Looks webview does not work correctly when targetSDK is more than 28 ?



  • Re: One more testing case by using QT exampleWebview content becomes empty if set Android targetSdkVersion 29 or 30

    This is using webview example

    Function: webViewId.loadHtml(htmlStr); htmlStr please see the end of this post

    Platforms: qt 5.12.4, qt5.15.2

    Android 29, error happens, and does not display all contents, while android 28 display all.
    Screenshot_20210108-174550 copy.png

    Android 28
    sdk29.png

    htmlStr = "
    <h1>Header 1</h1>
    <h2>Header 2</h2>
    <h3>Header 3</h3>
    <h4>Header 4</h4>
    <h5>Header 5</h5>
    <h6>Header 6</h6>
    <h3>Ruby Support:</h3>
    <p>
    <ruby>
    漢<rt>かん</rt>
    字<rt>じ</rt>
    </ruby>
     is Japanese Kanji.
    </p>
    <h3>Support for <code>sub</code>/<code>sup</code></h3>
    Solve for <var>x<sub>n</sub></var>: log<sub>2</sub>(<var>x</var><sup>2</sup>+<var>n</var>) = 9<sup>3</sup>
    <p>One of the most <span>common</span> equations in all of physics is <br /><var>E</var>=<var>m</var><var>c</var><sup>2</sup>.</p>
    <h3>Inline Styles:</h3>
    <p>The should be <span style='color: blue;'>BLUE style='color: blue;'</span></p>
    <p>The should be <span style='color: red;'>RED style='color: red;'</span></p>
    <p>The should be <span style='color: rgba(0, 0, 0, 0.10);'>BLACK with 10% alpha style='color: rgba(0, 0, 0, 0.10);</span></p>
    <p>The should be <span style='color: rgb(0, 97, 0);'>GREEN style='color: rgb(0, 97, 0);</span></p>
    <p>The should be <span style='background-color: red; color: rgb(0, 97, 0);'>GREEN style='color: rgb(0, 97, 0);</span></p>
    <p style="text-align: center;"><span style="color: rgba(0, 0, 0, 0.95);">blasdafjklasdlkjfkl</span></p>
    <p style="text-align: right;"><span style="color: rgba(0, 0, 0, 0.95);">blasdafjklasdlkjfkl</span></p>
    <p style="text-align: justify;"><span style="color: rgba(0, 0, 0, 0.95);">blasdafjklasdlkjfkl</span></p>
    <p style="text-align: center;"><span style="color: rgba(0, 0, 0, 0.95);">blasdafjklasdlkjfkl</span></p>
    <h3>Table support (with custom styling!):</h3>
    <p>
    <q>Famous quote...</q>
    </p>
    <table>
    <colgroup>
    <col width="50%" />
    <col width="25%" />
    <col width="25%" />
    </colgroup>
    <thead>
    <tr><th>One</th><th>Two</th><th>Three</th></tr>
    </thead>
    <tbody>
    <tr>
    <td rowspan='2'>Rowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan</td><td>Data</td><td>Data</td>
    </tr>
    <tr>
    <td colspan="2"><img alt='Google' src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png' /></td>
    </tr>
    </tbody>
    <tfoot>
    <tr><td>fData</td><td>fData</td><td>fData</td></tr>
    </tfoot>
    </table>
    <h3>Custom Element Support:</h3>
    <flutter></flutter>
    <flutter horizontal></flutter>
    <h3>SVG support:</h3>
    <svg id='svg1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'>
    <circle r="32" cx="35" cy="65" fill="#F00" opacity="0.5"/>
    <circle r="32" cx="65" cy="65" fill="#0F0" opacity="0.5"/>
    <circle r="32" cx="50" cy="35" fill="#00F" opacity="0.5"/>
    </svg>
    <h3>List support:</h3>
    <ol>
    <li>This</li>
    <li><p>is</p></li>
    <li>an</li>
    <li>
    ordered
    <ul>
    <li>With<br /><br />...</li>
    <li>a</li>
    <li>nested</li>
    <li>unordered
    <ol>
    <li>With a nested</li>
    <li>ordered list.</li>
    </ol>
    </li>
    <li>list</li>
    </ul>
    </li>
    <li>list! Lorem ipsum dolor sit amet.</li>
    <li><h2>Header 2</h2></li>
    <h2><li>Header 2</li></h2>
    </ol>
    <h3>Link support:</h3>
    <p>
    Linking to <a href='https://github.com'>websites</a> has never been easier.
    </p>
    <h3>Image support:</h3>
    <p>
    <img alt='Google' src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png' />
    <a href='https://google.com'><img alt='Google' src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png' /></a>
    <img alt='Alt Text of an intentionally broken image' src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30d' />
    </p>
    <h3>Video support:</h3>
    <video controls>
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" />
    </video>
    <h3>Audio support:</h3>
    <audio controls>
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" />
    </audio>
    <h3>IFrame support:</h3>
    <iframe src="https://google.com"></iframe>
    "


Log in to reply