Below is a CSS example that does what I was talking about. This css is used
as a css resource in GWT so I had to wrap the calc in a literal. The left
and right properties used by some browsers and the width with the calc is
used in others.
.form-input-line-cell {
/*
!!! This class has two ways of specifying the width. One way works
on chrome and client and the other firefox
and IE. Fortunately, the both work together
*/
position: absolute;
left: 8px;
right: 8px;
top:3px;
bottom: 3px;
font-size: 32px;
text-indent: 8px;
border: solid #d3d3d3 1px;
border-radius: 3px;
color: black;
width: literal("calc(100% - 16px)");
}
On Sunday, February 9, 2014 7:19:20 AM UTC-6, Wayne Rasmuss wrote:
>
> If you're using css to layout these boxes there are some differences
> between chrome and pretty much every other browser in how it handles sizing
> text boxes and did other input controls. I don't recall exactly what the
> issue was, but I know I fixed it by using calc in css to make chrome do the
> right think.
>
> Basically, I added two width properties the the corresponding css class.
> One set the way that worked on other browsers and one using calc after. The
> browsers that support calc fall back on it, the nurses that don't use the
> first settings.
>
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-web-toolkit+unsubscr...@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.
