JSFiddle - React, Tailwind, and code Playground

HTML

<body> 
    <div data-role="page">
        <div data-role="header" data-position="fixed">                 
            <h1>Chats</h1>
            <a id="chatpageicon"  href="#photopopup" data-rel="popup" data-position-to="origin"  data-role="button" data-theme="b" data-icon="plus" data-form="ui-icon"  data-iconpos="notext"  class="ui-btn-b ui-shadow ui-corner-all ui-icon-plus ui-btn-right  ui-btn-icon-notext ui-btn-up-b" ></a>
            <div data-role="popup" id="photopopup">
                <ul data-role="listview" data-inset="true" style="min-width:150px;position:fixed;left:30px;">
                    <li><a href="#">List1</a></li>
                    <li><a href="#">List2</a></li>
                </ul>
            </div>
        </div>

        <div data-role="content">    
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
            <p>asd</p>
        </div>
    </div>
</body>