25737 2009-05-12 15:02:50 -0700 Dotted borders look different on Safari, Chrome and Firefox 2022-07-24 12:03:15 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) All All NEW https://bugs.webkit.org/show_bug.cgi?id=53932 InRadar P2 Normal --- 95203 92383 94917 1 rolandsteiner webkit-unassigned antifreeze bruno.abinader jensimmons jonlee mikelawther simon.fraser webkit-bug-importer oldest_to_newest 120936 0 rolandsteiner 2009-05-12 15:02:50 -0700 <div style="border: 4px dotted black; height:100px; width: 100px"></div> results in different render output on Safari, Chrome and Firefox browsers (different corner styles, different dot styles). 120937 1 30248 rolandsteiner 2009-05-12 15:04:13 -0700 Created attachment 30248 dotted border: Firefox rendering 120938 2 30249 rolandsteiner 2009-05-12 15:04:34 -0700 Created attachment 30249 dotted border: Safari rendering 120939 3 30250 rolandsteiner 2009-05-12 15:04:56 -0700 Created attachment 30250 dotted border: Chrome (Skia) rendering 120940 4 simon.fraser 2009-05-12 15:08:24 -0700 CSS spec says that "dotted" should be "a series of round dots", so Firefox is more accurate in that regard: <http://www.w3.org/TR/css3-background/#the-border-style> It also says "Implementations are encouraged to choose a spacing that makes the corners symmetrical", so Chrome/Safari are better there. 274787 5 zwarich 2010-09-06 15:01:21 -0700 *** Bug 44611 has been marked as a duplicate of this bug. *** 275549 6 antifreeze 2010-09-07 19:33:30 -0700 Is there any hope for this bug being fixed? Dotted line means round "dots". It's not a dashed line as rendered in WebKit. 679292 7 bruno.abinader 2012-07-26 07:08:51 -0700 Martin is taking care of this on Qt port, a patch is coming soon :) 1281489 8 jensimmons 2017-02-27 12:55:59 -0800 I'm interested in fixing this. And in adding a value to border (and everywhere) to accept short dashes as well, so authors have the option of round dots or tiny squares. That would be useful. 1281500 9 webkit-bug-importer 2017-02-27 13:23:08 -0800 <rdar://problem/30740942> 30248 2009-05-12 15:04:13 -0700 2009-05-12 15:04:13 -0700 dotted border: Firefox rendering dottedFirefox.PNG image/png 871 rolandsteiner iVBORw0KGgoAAAANSUhEUgAAAHkAAAB6CAIAAAAUDGuwAAAAAXNSR0IArs4c6QAAAARnQU1BAACx jwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAuVJREFU eF7t18FuwjAQhGH6IDn0yvvfeTRqQEJRMB20HY+l+s+pRPbGfDab6df1ej1xZQSaNVdG4JR5DE+5 9Q8UYgJYx6g51znqnvX+nbxt2+Vy2a+nfWw3uf/qsHfr7mCnhxzyz/l83s9sHx8DuH9wwDp3Jv5q Ta/4vGdWrINvi3/1qHfd9fklyXy2/W6/gO/7dUgTv1nLObbVLVaoc67lb2ExItvXxdpGKQt1rOkh Uq02gHdjza0zS55RrG3W8j2HNdY2gVyhSg+Rc3LL/19PIvPl9hPrqdb0kEH85BAbrDyjWNusydc2 SlkIa0lkG1DpIXKObXWLFSLz5TYc66nW9JBB/GQ+G6w8o1jbrMl8NkpZCGtJZBtQ6SFyjm11ixUi 8+U2HOup1vSQQfxkPhusPKNY26zJfDZKWQhrSWQbUOkhco5tdYsVIvPlNhzrqdb0kEH8ZD4brDyj WNusyXw2SlkIa0lkG1DpIXKObXWLFSLz5TYc66nW9JBB/GQ+G6w8o1jbrMl8NkpZCGtJZBtQ6SFy jm11ixUi8+U2HOup1vSQQfxkPhusPKNY26zJfDZKWQhrSWQbUOkhco5tdYsVIvPlNhzrqdb0kEH8 ZD4brDyjWNusyXw2SlkIa0lkG1DpIXKObXWLFSLz5TYc66nW9JBB/GQ+G6w8o1jbrMl8NkpZCGtJ ZBtQ6SFyjm11ixUi8+U2HOup1vSQQfxkPhusPKNY26zJfDZKWQhrSWQbUOkhco5tdYsVIvPlNhzr qdb0kEH8ZD4brDyjWNusyXw2SlkIa0lkG1DpIXKObXWLFSLz5TYc66nW9JBB/GQ+G6w8o1jbrMl8 NkpZCGtJZBtQ6SFyjm11ixUi8+U2vGN92l2PhbSTvt2v9sd+adzf+7y6HbbxI+t3XZ/7D82nw5O7 +2PB+ubTsPY65TNksKZXfNJLKz0k97JY7En835jbcKyxzgnknsS5xjonkHsS5xrrnEDuST+hQEjZ 9tribQAAAABJRU5ErkJggg== 30249 2009-05-12 15:04:34 -0700 2009-05-12 15:04:34 -0700 dotted border: Safari rendering dottedSafari.PNG image/png 802 rolandsteiner iVBORw0KGgoAAAANSUhEUgAAAHwAAAB9CAIAAADvIJBMAAAABGdBTUEAALGPC/xhBQAAAtlJREFU eF7t2dF201AMRNHy/x8dYLUPJiHtoJl6FHP62GVJly3hK8yP2+32xs/JAr/Q+TlZ4O3kepT7/WpB 4XwB0M83Z9IL5qDvQX+2QR1PeHyG3z+KfdLNv7/TQX8X+NdhejaIdw0AfYL7rBmgf8ic+RqMoTdu mletCXqhc6CDXhAolLQmvXDe/6kk314K3QYd9IJAoeTX/yItHOplS1oXqRj8sjjfdXDRjUlPNgD0 pKaYy0IXa/DYTICVceZmRYFu8c2CQZ+5WVFsLxbf/f/DHW7ST/KCDnpSoJDLWhnF4MIfa3dJ0Y2L tNBG0EEvCBRKMulr0MULoXDe3SVFN/b0ZBtBT2qKuUAXoZKPWejJg5DrQYDtpTAUoINeECiUZGVM olsXqRicPO8lcoluTHqy26AnNcVcFrpYg8dmAqyMMzcrCnSLbxYM+szNimJ7sfjugq2LVAxOnvcS uUQ3Jj3ZbdCTmmIuC12swWMzAbaXmZsVBbrFNwsGfeZmRbG9WHzs6Um+WS5rexGDZye7cJToxusl OQMWevIg5HoQYHspDAXooBcECiW5SJPo1kUqBifPe4lcohuTnuw26ElNMZeFLtbgsZkAK+PMzYoC 3eKbBYM+c7Oi2F4sPr6nJ/lmuaztRQyenezCUaIbr5fkDFjoyYOQi+/pG2aAlbHQBdDXoIsXQuG8 u0uKbmwvyTaCntQUc4EuQiUfs9CTByEXe/qGGWBlLHQB9DXo4oVQOO/ukqIbe3qyjaAnNcVcoItQ yccs9ORByMWevmEGWBkLXQB9Dbp4IRTOu7uk6Maenmwj6ElNMRfoIlTyMQs9eRBysadvmAFWxkIX QF+DLl4IhfPuLim6sacn2wh6UlPMBboIlXwshv4sEb9/b9fRAfSPET5zOEAH/c+/hsf36JmT+N11 rUlPXi7k4tvLhhngM0ChC6CDXhAolGTSQS8IFEoy6aAXBAolmfQC+k9SkBM2wAG1LgAAAABJRU5E rkJggg== 30250 2009-05-12 15:04:56 -0700 2009-05-12 15:04:56 -0700 dotted border: Chrome (Skia) rendering dottedSkia.PNG image/png 763 rolandsteiner iVBORw0KGgoAAAANSUhEUgAAAHoAAAB7CAIAAAA0ZwMWAAAABGdBTUEAALGPC/xhBQAAArJJREFU eF7t2NFqw0AQQ9H0Jf//x25LoNi4BFkomti5eSy7M8vZYS36tSzLjV9N4IebX03gVutEo9+HBIWm ANxNbaa7qg33OPc6FK0Pw98fGkcdNob72z1ajvXPrwHuTUB49bjA/U7c3Y/HZ3Ujd1fvG264qwLV Zv9M9/1+//tYV89y8maKG9yxS4Y7RqkUgltRiq0xuWP9KbQTIAhWhwJuuKsC1WYEwRi3+alUtsXO eKFCihvTHbtwuGOUSiGTWynNGk+AIOi5mbvgNuG8bXB7buYukokJt99mfiqVbbEzXqiQ4sZ0xy4c 7hilUsjkVkqzxhMgmXhu5i64TThvG9yem7mLZGLCkbtjcF4hM5ko27wDXXuX4sZjEpsBkzvWn0I7 AZJJdSjghrsqUG3GpzLGbX4qlW2xM16okOLGdMcuHO4YpVLI5FZKs8YTIAh6buYuuE04bxvcnpu5 i2RiwvH/7hicV8hMJso270DX3qW48ZjEZsDkjvWnEP/vnp0BgmDVH+5pbuXJr57xJM0UN5JJ7DLh jlEqheBWlGJrTO5YfwqRu2dngCBY9Yd7mlt58qtnPEkzxY3cHbtMuGOUSiG4FaXYGpM71p9C5O7Z GSAIVv3hnuZWnvzqGU/STHEjd8cuE+4YpVIIbkUptsbkjvWnELl7dgYIglV/uKe5lSe/esaTNFPc yN2xy4Q7RqkUgltRiq0xuWP9KUTunp0BgmDVH+5pbuXJr57xJM0UN3J37DLhjlEqheBWlGJrTO5Y fwqRu2dngCBY9Yd7mlt58qtnPEkzxY3cHbtMuGOUSiG4FaXYGpM71p9C5O7ZGSAIVv3hnua+rX7r s/D3h8ZRh43h/nKPlmP982uAe/OEvnpc4H4n7uq348OakUyqFw433FWBajOmG+6qQLUZ0w13VaDa 7Bv6ahqv5yZWJAAAAABJRU5ErkJggg==