146383 2015-06-27 06:22:32 -0700 If src is empty in img tag it shows a gray border around the image 2016-11-17 00:50:14 -0800 1 1 1 Unclassified WebKit Images 528+ (Nightly build) All All REOPENED P2 Critical --- 1 thomasmulhall410 webkit-unassigned jonlee pdr sabouhallawa thomasmulhall410 oldest_to_newest 1105170 0 thomasmulhall410 2015-06-27 06:22:32 -0700 Hi if you have src empty for example <img class="class" <!-- no src="" --> /> it shows a gray border around the image. Internet Explorer doesent show a gray border arrounf the img if the src is empty. 1251930 1 thomasmulhall410 2016-11-16 11:19:51 -0800 Hi is there any update on this please? 1252055 2 sabouhallawa 2016-11-16 15:29:15 -0800 I tried to look for the specs of drawing the broken images but I could not find this part. WebKit, Chrome and FireFox intentionally draw this gray rect for the broken image. WebKit does that in RenderImage::paintReplaced() below the the statement: if (!imageResource().hasImage() || imageResource().errorOccurred()) This request is little bit strange. What exactly you are trying to achieve? If drawing the gray rect is bothering you, you can set the width and/or the height of the image to zero. When the src attribute is set to the image, the width and the height can be changed to the desired size. If you want to keep the empty space of the broken image but not to draw the gray rectangle, you can put the <img> inside a box with the desired size but set the width and the height of the image itself to zero. I attached a test case showing two broken images, one image has size = (100, 100) which shows the gray rectangle. The other image has size = (0, 0) but it is inside a box with size = (100, 100). 1252056 3 294982 sabouhallawa 2016-11-16 15:29:35 -0800 Created attachment 294982 test case 1252057 4 sabouhallawa 2016-11-16 15:30:15 -0800 Reopen if you think you have a valid test case for this request. 1252060 5 294983 sabouhallawa 2016-11-16 15:34:06 -0800 Created attachment 294983 test case 1252066 6 294987 sabouhallawa 2016-11-16 15:39:31 -0800 Created attachment 294987 test case 1252077 7 thomasmulhall410 2016-11-16 15:59:53 -0800 Hi I am trying to get img to work without having to set src. I am trying to use css background-image property to set the image but when I doint set the src, it creates a grey border. But on Internet Explorer this works (uses different web engine). 1252078 8 jonlee 2016-11-16 16:00:50 -0800 So what are you doing on other browsers that also show a gray border? 1252082 9 thomasmulhall410 2016-11-16 16:08:36 -0800 (In reply to comment #8) > So what are you doing on other browsers that also show a gray border? I'm trying to not set src because I have created a patch for gerrit but I not really know how to program in java so I just had to re use a public function that allowed me to get the image I wanted. But the image was inside a background-image: css property. But if I only add a class to img and doint set a valid image in src, it will show a grey border. I would really like it if the grey border could be removed please? See here https://gerrit-review.googlesource.com/#/c/91471/10/gerrit-gwtui/src/main/java/com/google/gerrit/client/change/Labels.java scroll to line 203 and 211 I had to set that src with a blank image otherwise a grey border will show. But it is unlikely they will merge the patch since that is just a work around. Line 202 is where I set the class for the image same for line 210 1252153 10 sabouhallawa 2016-11-16 18:03:40 -0800 (In reply to comment #7) > Hi I am trying to get img to work without having to set src. I am trying to > use css background-image property to set the image but when I doint set the > src, it creates a grey border. But on Internet Explorer this works (uses > different web engine). You should not use the <img> element in this case. You can apply the css background-image property to any other element like <span> or <div> for example. The background image is rendered by the same routine for all elements. 1252248 11 thomasmulhall410 2016-11-17 00:50:14 -0800 Oh I tryed using that but it just moves the other elements out of place. But Internet Explorer dosent get a grey border if you do this. 294982 2016-11-16 15:29:35 -0800 2016-11-16 15:34:06 -0800 test case test216.html text/html 393 sabouhallawa PHN0eWxlPgogICAgLmJveCB7CiAgICAgICAgd2lkdGg6IDEwMHB4OwogICAgICAgIGhlaWdodDog MTAwcHg7CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgfQo8L3N0eWxlPgo8Ym9k eT4KICAgIDxzcGFuPlRoaXMgaXMgYSBicm9rZW4gaW1hZ2Ugd2l0aCBzaXplID0gKDEwMCwgMTAw KTo8L3NwYW4+CiAgICA8aW1nIHNyYz0iIiBjbGFzcz0iYm94Ij4KICAgIDxzcGFuPi4uLi48L3Nw YW4+CiAgICA8YnI+CiAgICA8c3Bhbj5UaGlzIGlzIGEgYnJva2VuIGltYWdlIHdpdGggc2l6ZSA9 ICgwLDApIGluc2lkZSBhIGJveCBvZiBzaXplID0gKDEwMCwgMTAwKTo8L3NwYW4+CiAgICA8c3Bh biBjbGFzcz0iYm94Ij48L3NwYW4+CiAgICA8c3Bhbj4uLi4uPC9zcGFuPgo8L2JvZHk+ 294983 2016-11-16 15:34:06 -0800 2016-11-16 15:39:31 -0800 test case test216.html text/html 416 sabouhallawa PHN0eWxlPgogICAgLmJveCB7CiAgICAgICAgd2lkdGg6IDEwMHB4OwogICAgICAgIGhlaWdodDog MTAwcHg7CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgfQo8L3N0eWxlPgo8Ym9k eT4KICAgIDxzcGFuPlRoaXMgaXMgYSBicm9rZW4gaW1hZ2Ugd2l0aCBzaXplID0gKDEwMCwgMTAw KTo8L3NwYW4+CiAgICA8aW1nIHNyYz0iIiBjbGFzcz0iYm94Ij4KICAgIDxzcGFuPi4uLi48L3Nw YW4+CiAgICA8YnI+CiAgICA8c3Bhbj5UaGlzIGlzIGEgYnJva2VuIGltYWdlIHdpdGggc2l6ZSA9 ICgwLDApIGluc2lkZSBhIGJveCBvZiBzaXplID0gKDEwMCwgMTAwKToKICAgIDxpbWcgc3JjPSIi PgogICAgPC9zcGFuPgogICAgPHNwYW4gY2xhc3M9ImJveCI+PC9zcGFuPgogICAgPHNwYW4+Li4u Ljwvc3Bhbj4KPC9ib2R5Pgo= 294987 2016-11-16 15:39:31 -0800 2016-11-16 15:39:31 -0800 test case test216.html text/html 443 sabouhallawa PHN0eWxlPgogICAgLmJveCB7CiAgICAgICAgd2lkdGg6IDEwMHB4OwogICAgICAgIGhlaWdodDog MTAwcHg7CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIHZlcnRpY2FsLWFs aWduOiBib3R0b207CiAgICB9Cjwvc3R5bGU+Cjxib2R5PgogICAgPHNwYW4+VGhpcyBpcyBhIGJy b2tlbiBpbWFnZSB3aXRoIHNpemUgPSAoMTAwLCAxMDApOjwvc3Bhbj4KICAgIDxpbWcgc3JjPSIi IGNsYXNzPSJib3giPgogICAgPHNwYW4+Li4uLjwvc3Bhbj4KICAgIDxicj4KICAgIDxzcGFuPlRo aXMgaXMgYSBicm9rZW4gaW1hZ2Ugd2l0aCBzaXplID0gKDAsMCkgaW5zaWRlIGEgYm94IG9mIHNp emUgPSAoMTAwLCAxMDApOgogICAgPC9zcGFuPgogICAgPHNwYW4gY2xhc3M9ImJveCI+PGltZyBz cmM9IiI+PC9zcGFuPgogICAgPHNwYW4+Li4uLjwvc3Bhbj4KPC9ib2R5Pgo=