La extensión de Chrome popup.html ya no se muestra correctamente
He creado una extensión de acción de página que utiliza un archivo popup.html. Solía funcionar perfectamente. Cuando hago clic en el icono, se muestra un pequeño cuadro con solo la esquina de la página popup.html visible. Establecí el cuerpo y el html css altura y anchura, pero no tuve la suerte de hacer la caja más grande. También moví el css a otra página llamada popup.css y la agregué al encabezado popup.html.
¿Alguien se ha topado con este problema? Por favor ayuda.
HTML:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="popup_script.js"></script>
<link href="popup.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul>
<li id="all">All</li>
<li id="title">Name</li>
<li id="artist">Artist</li>
<li id="album">Album</li>
<li id="art">Artwork</li>
</ul>
<textarea id="info" type="text"></textarea>
</body>
</html>
CSS:
body {
font-family: arial;
font-size: 13pt;
margin: 0;
padding: 0;
color: #06477D;
}
ul {
list-style-type: none;
cursor: pointer;
padding: 0;
margin: 0;
}
li {
text-align: center;
padding: 5px 20px;
}
li:hover {
background: #06477D;
color: white;
}
textarea#info {
position: absolute;
}