Gmail textareas

James C <[email protected]>
Newsgroups gmane.comp.web.dillo.devel
Message-ID <CACZ9Q6gvBNJxAiSPQJfuZOXvkmUL2uaiM_xVbW=Q3623vfHJOQ@mail.gmail.com> 
Hello all,

I have a work-around, so this isn't urgent.  In view of recent events,
keep caring for yourselves.

Gmail sizes some text areas weirdly, as (CSS) width:80ex, and they
disappear from view. I've tried two fonts, and the disappearance is
complete in both cases.   A cut down example is attached.  The diff to
suppress the disappearance is:

--- gmail-compose-14.html	2016-10-21 21:06:01.000000000 +1300
+++ gmail-compose-15.html	2016-10-21 21:10:41.000000000 +1300
@@ -18,7 +18,10 @@
 .th a:link, .th a:active, .th a:visited{text-decoration:none}
 .bn td{border:1px solid #FAD163}
 .ct textarea, .ct input, .ct
select{font-family:arial,sans-serif;font-size:100%}
+
 .compose .mi{width:80ex;font-family:arial,sans-serif;font-size:100%}
+.compose .mi{width:100%;font-family:arial,sans-serif;font-size:100%}
+
 .compose .i, .search .i{width:99%;font-family:arial,sans-serif;font-size:100%}
 .qr textarea{width:80ex;font-family:arial,sans-serif;font-size:100%}
 .qr input{font-family:arial,sans-serif;font-size:100%}


The immensely crude work-around is the following, as a .gdbinit:
----------------
break 'StyleEngine::setClass'
break main
commands 2
  cond 1 (0 == (int)strcmp(klass, "mi"))
  cont
end
commands 1
  set klass = "i"
  cont
end
run
----------------

I'm open to hints about where to look for the effect of width on
multiline text resources, but really I'm lost.

Regards,
James.

_______________________________________________
Dillo-dev mailing list
[email protected]
http://lists.dillo.org/cgi-bin/mailman/listinfo/dillo-dev
gmail-compose-14.html (text/html, 10.5 KB) 
<html lang="en-GB"><pre style="font-size: 0;display: none;visibility: hidden;">


</pre>
<head>
<meta http-equiv=Content-Type content="text/html; charset=UTF-8">
<title>Gmail - Compose Mail</title>
<link rel="canonical" href="https://mail.google.com/mail/" />
<link rel="stylesheet" type="text/css" href="https://mail.google.com/mail/h/_//?&amp;name=c&amp;ver=1u0jjnc8m0l4h&amp;v=ss">
<style type="text/css" nonce="EMoqcmlIPjFx1S4otA8sEKaNk4o">


/* These styles are hidden from Netscape 4.x */

.m td, .l td{padding-left:6px}
.th td, .th th{border-bottom:1px solid #bbb}
.th .ts{height:1.3em;overflow:hidden;display:block}
.th a:link, .th a:active, .th a:visited{text-decoration:none}
.bn td{border:1px solid #FAD163}
.ct textarea, .ct input, .ct select{font-family:arial,sans-serif;font-size:100%}
.compose .mi{width:80ex;font-family:arial,sans-serif;font-size:100%}
.compose .i, .search .i{width:99%;font-family:arial,sans-serif;font-size:100%}
.qr textarea{width:80ex;font-family:arial,sans-serif;font-size:100%}
.qr input{font-family:arial,sans-serif;font-size:100%}
.thi {border:2px solid #c3d9ff;padding:5px}
#ac-list {border:1px solid #666;background:#E5ECF9;font-size:100%;margin:0px;padding:2px 2px 2px 2px;z-index:10;color:#0000cc;}
#ac-list div{margin:0px;cursor:pointer;white-space:nowrap;height:1.3em;width:260px;overflow:hidden;}
#ac-list .selected{background:#C6D8FF;}
#ac-list #selected{background:#C6D8FF;}

#gbar,#guser{font-size:13px;padding-right:8px;padding-top:4px !important;}
#gbar{padding-left:8px;height:22px}
#guser{padding-bottom:7px !important;text-align:right}
.gbh,.gbd{border-top:1px solid 
#c9d7f1;font-size:1px}
.gbh{height:0;position:absolute;top:24px;width:100%}
@media all{.gb1{height:22px;margin-right:.5em;vertical-align:top}
#gbar{float:left}}
a.gb1,a.gb4{text-decoration:underline !important}
a.gb1,a.gb4{color:#00c !important}
.gbi .gb4{color:#dd8e27 !important}
.gbf .gb4{color:#900 !important}
</style>
<base href="https://mail.google.com/mail/h/tt9oqikkusbi/">

<script type="text/javascript" nonce="EMoqcmlIPjFx1S4otA8sEKaNk4o"><!--
(function(){try{var win=this;while(true){if(win.parent==win)break;win.frameElement.src.substr(0,1);win=win.parent}if(win.frameElement!=null)throw"busted";}catch(e){document.write("--\x3e\x3cplaintext style\x3ddisplay:none\x3e\x3c!--");try{if(!open(location,"_top"))alert("This content cannot be framed");top.location=location}catch(d){}}})();
//--></script><script type="text/javascript" nonce="EMoqcmlIPjFx1S4otA8sEKaNk4o"><!--

//--></script></head>

<body bgcolor=#ffffff><div id=gbar><nobr><a target=_blank class=gb1 href="https://www.google.co.nz/webhp?tab=mw">Search</a> <a target=_blank class=gb1 href="http://www.google.co.nz/imghp?hl=en-GB&tab=mi">Images</a> <a target=_blank class=gb1 href="https://maps.google.co.nz/maps?hl=en-GB&tab=ml">Maps</a> <a target=_blank class=gb1 href="https://play.google.com/?hl=en-GB&tab=m8">Play</a> <a target=_blank class=gb1 href="https://www.youtube.com/?gl=NZ&tab=m1">YouTube</a> <b class=gb1>Gmail</b> <a target=_blank class=gb1 href="https://drive.google.com/?tab=mo&authuser=0">Drive</a> <a target=_blank class=gb1 href="https://www.google.com/calendar?tab=mc">Calendar</a> <a target=_blank class=gb1 style="text-decoration:none" href="https://www.google.co.nz/intl/en-GB/options/"><u>More</u> &raquo;</a></nobr></div><div id=guser width=100%><h2 class=hdn>


Account Options - suppressed textarea with local import and no gstatic

</h2><nobr><span id=gbn class=gbi></span><span id=gbf class=gbf></span><b class=gb4>[email protected]</b> | <span id=gbe></span><a target=_blank href="https://accounts.google.com/ManageAccount?hl=en-GB&continue=https://mail.google.com/mail/h/key/?key" class=gb4>Account</a> | <a  href="?&v=prg" class=gb4>Settings</a> | <a target=_blank  href="/support/?&ctx=mail&hl=en-GB" class=gb4>Help</a> | <a target=_top id=gb_71 href="https://mail.google.com/mail/logout?hl=en-GB" class=gb4>Sign out</a></nobr></div><div class=gbh style=left:0></div><div class=gbh style=right:0></div><table width=100% cellpadding=0 cellspacing=0 border=0><tr><td width=143 rowspan=3><h1><a href="?"><img src="//www.gmail.com/mail/help/images/logonew.gif" width=143 height=59 border=0 alt="Gmail by Google"></a></h1></td><td width=1 rowspan=3>&nbsp;</td><td height=25 colspan=2 align=right valign=top><tr>

<!-- hack out search form
<form action=? name=sf method=POST id=sbf><input type=hidden name=s value=q></td><td><table width=100% cellpadding=0 cellspacing=0 border=0><tr><td width=1% height=25 nowrap><input size=28 maxlength=2048 title="Search" name=q id=sbq value="" >&nbsp;<input type=submit name=nvp_site_mail class=search-form-submit value="Search Mail" >&nbsp;<input type=submit name=nvp_site_web class=search-form-submit value="Search the Web"><input type="hidden" name="at" value="AF6bupOoRBTmd4muPz3MyeGWmsV1VtUqiA"></td><td><font size=1>&nbsp;<a href="?&amp;pv=tl&amp;v=as" >Show&nbsp;search&nbsp;options</a></font><br><font size=1>&nbsp;<a href="?&amp;pv=tl&amp;v=caf" >Create&nbsp;a&nbsp;filter</a></font></form>
-->

</table><tr><td height=25 colspan=2>
<script type="text/javascript" nonce="EMoqcmlIPjFx1S4otA8sEKaNk4o">
var searchButtonElements=document.getElementsByClassName("search-form-submit");
for(i=0;i<searchButtonElements.length;i++)searchButtonElements[i].onclick=function(event){var urlParams={"s":"q","q":document.getElementById("sbq").value};urlParams[event.target.getAttribute("name")]=event.target.getAttribute("value");var encodedParams=[];for(var param in urlParams)encodedParams.push(encodeURIComponent(param)+"\x3d"+encodeURIComponent(urlParams[param]));document.getElementById("sbf").setAttribute("action","?"+encodedParams.join("\x26"))};
</script>
</table><table width=100% cellpadding=0 cellspacing=0 border=0><tr><td width=120 valign=top><table width=100% cellpadding=2 cellspacing=0 border=0 class=m><tr><td bgcolor="#C3D9FF"><b><a href="?&amp;cs=b&amp;pv=tl&amp;v=b" accesskey=c >Compose&nbsp;Mail</a></b><tr><td height=5><h2 class=hdn>Folders</h2><tr><td><h3><b><a href="?&amp;"accesskey=i>Inbox&nbsp;(42)</a></b></h3>
<tr><td class=lb><h2><font color=#000000>Labels</font><br></h2><a href="?&amp;s=l&amp;l=%5BImap%5D/Drafts"><font color=#006633 >[Imap]/Draft&#8230;</font></a>
<br><a class="ml" href="?&amp;v=prl">Edit labels</a></td></table></td><td valign=top><table width=100% cellpadding=0 cellspacing=0 border=0><tr><td width=5 bgcolor="#C3D9FF">&nbsp;</td><td bgcolor=#e0ecff>


<!-- The composing table only, inserted from gmail-compose-07.html -->
<squoggle/>
<form action="?&amp;fv=b&amp;cs=c&amp;pv=cv&amp;th=157e46dbe3a00399&amp;cpt=c&amp;v=b" name=f enctype=multipart/form-data method=POST>
  <input type=hidden name=redir value="?&amp;th=157e46dbe3a00399&amp;v=c">
  <input type=hidden name=at value="AF6bupOoRBTmd4muPz3MyeGWmsV1VtUqiA">

  <table width=100% cellpadding=2 cellspacing=0 border=0 bgcolor="#C3D9FF">
    <tr><td>
      <input type=submit name=nvp_bu_send value="Send">&nbsp; 
      <input type=submit name=nvp_bu_sd value="Save Draft">&nbsp; 
      <input type=submit name=nvp_bu_d value="Discard">&nbsp; 
  </table>
  <h2 class=hdn>Compose Form</h2>
  <table width=100% cellpadding=2 cellspacing=0 border=0 class=compose>
    <tr>
      <td width=1% align=right valign=top nowrap>
        <b id=l-to>To:</b>
      </td>
      <td>
        <textarea name=to id=to rows=3 cols=55 wrap=virtual
                  class=mi
                  class=i
                  autocomplete=off aria-labelledby=l-to>

            This text disappears only with class=mi above before class=i

        </textarea>
    <tr>
      <td align=right nowrap><b id=l-cc>Cc:</b>
      </td>
      <td>
        <input name=cc id=cc value="" type=text size=40 class=i autocomplete=off aria-labelledby=l-cc>
    <tr>
      <td align=right nowrap><b id=l-bcc>Bcc:</b>
      </td>
      <td>
        <input name=bcc id=bcc value="" type=text size=40 class=i autocomplete=off aria-labelledby=l-bcc>
    <tr>
      <td align=right nowrap><b id=l-s>Subject:</b>
      </td>
      <td>
        <input name=subject value="" type=text size=40 class=i aria-labelledby=l-s>
    <tr>
      <td align=right nowrap>
      </td>
      <td valign=bottom><b>Attachments:</b>
    <tr>
      <td>&nbsp;
      </td>
      <td>
        <input name=file0 type=file size=42 aria-label="Attach File">
    <tr>
      <td>&nbsp;
      </td>
      <td>
        <input type=submit name=nvp_bu_amf value="Attach More Files">
    <tr>
      <td>&nbsp;
      </td>
      <td>
        <textarea name=body title="Message Body" rows=15 cols=50 wrap=virtual
                  aria-label="Message Body">
<!-- hack out class and see what happens
                  class=mi 
-->


            The bit that disappears is here, and only with class=mi in the textarea.


        </textarea>
  </table>
</tr></form>
<!-- end of composing table >>  

<table cellpadding=2 cellspacing=0 border=0 align=center class=ft><tr><td align=center>Use the search box or <b>search options</b> to find messages quickly!<tr><td align=center><span style="color: #006633; font-weight: bold;">You're currently using 5286 MB (34%) of your 15360 MB</span><div style="font-size: 11px; line-height: 17px;">Last account activity: 2 minutes ago at this IP (121.73.5.66). &nbsp;<a href="?&amp;v=ac" target="details">Details</a></div><tr><td align=center><font size=1><a href="https://www.google.com/intl/en-GB/policies/terms/" target="_blank">Terms</a> - <a href="https://www.google.com/intl/en-GB/policies/privacy/" target="_blank">Privacy</a> - <a href="https://www.google.com" target=_blank>Google Home</a></font></table><script type="text/javascript" src="https://mail.google.com/mail/h/_//?&amp;name=tz&amp;ver=1jjt20psj14vq&amp;v=mjs" nonce="EMoqcmlIPjFx1S4otA8sEKaNk4o"></script><script type="text/javascript" nonce="EMoqcmlIPjFx1S4otA8sEKaNk4o">
_tz("null","?\x26v\x3dtz");
</script><script type="text/javascript" nonce="EMoqcmlIPjFx1S4otA8sEKaNk4o">
'name\x3d"at" value\x3d0\x26name\x3dat value\x3d0\x26at\x3d0\x26amp;at\x3d0\x26';
</script></table><script type="text/javascript" src="https://mail.google.com/mail/h/_//?&amp;name=ac&amp;ver=e875prwv7yx4&amp;v=mjs" nonce="EMoqcmlIPjFx1S4otA8sEKaNk4o"></script><script type="text/javascript" nonce="EMoqcmlIPjFx1S4otA8sEKaNk4o">
function onForm(){bp=true}var bp=false;var old="";document.f.to.focus();_ac_init("?\x26v\x3dsugr");old=document.f.body.value;for(var i=0,btn;btn=document.f.nvp_bu_send[i];i++)btn.onclick=onForm;for(var i=0,btn;btn=document.f.nvp_bu_sd[i];i++)btn.onclick=onForm;document.f.nvp_bu_amf.onclick=onForm;window.onbeforeunload=function(){if(!bp&&document.f.body.value!=old)return"Your draft has not been saved or sent."};
</script></body></html>
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.