35754 2010-03-04 11:08:07 -0800 HTML5 Drag & Drop dragimage not shown when dragged from display:inline-block parent 2025-04-18 05:30:48 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC OS X 10.5 UNCONFIRMED https://bugs.webkit.org/show_bug.cgi?id=88745 https://bugs.webkit.org/show_bug.cgi?id=189424 https://bugs.webkit.org/show_bug.cgi?id=92439 P2 Normal --- 0 teun webkit-unassigned ahmad.saleem792 aqeelalamdp oldest_to_newest 196142 0 50037 teun 2010-03-04 11:08:07 -0800 Created attachment 50037 When you drag the top "Tankpas", you see a nice snapshot image while dragging. When you drag the bottom "Tankpas", no such image is shown. When an element is dragged from a parent that has a CSS style display:inline-block; the "dragimage" (a copy of the element being dragged) is not shown. See attached example. 50037 2010-03-04 11:08:07 -0800 2010-03-04 11:08:07 -0800 When you drag the top "Tankpas", you see a nice snapshot image while dragging. When you drag the bottom "Tankpas", no such image is shown. dragdropinlineblock.html text/html 4172 teun PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgVHJhbnNpdGlvbmFs Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSL3hodG1sMS9EVEQveGh0bWwxLXRyYW5zaXRpb25h bC5kdGQiPgo8aHRtbCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgeG1sOmxh bmc9Im5sIiBsYW5nPSJubCI+CjxoZWFkPgo8dGl0bGU+V2Via2l0IERyYWcgJiBEcm9wIG92ZXIg aW5saW5lLWJsb2NrIGJ1ZzwvdGl0bGU+CjxtZXRhIGh0dHAtZXF1aXY9IkNvbnRlbnQtVHlwZSIg Y29udGVudD0idGV4dC9odG1sOyBjaGFyc2V0PXV0Zi04IiAvPgo8bWV0YSBodHRwLWVxdWl2PSJY LVVBLUNvbXBhdGlibGUiIGNvbnRlbnQ9IklFPTgiIC8+CjxzdHlsZT4KYm9keQp7CgliYWNrZ3Jv dW5kLWNvbG9yOiAjRURFRUVGOwoJZm9udC1mYW1pbHk6IFZlcmRhbmE7Cglmb250LXNpemU6IDEw cHg7Cn0KaDEsaDIsaDMsaDQKewoJbWFyZ2luOiAwOwp9CgpkaXYuYmxvY2tkcm9wCnsKCWhlaWdo dDogMTc5cHg7CgliYWNrZ3JvdW5kOiB1cmwoZGF0YTppbWFnZS9wbmc7YmFzZTY0LFIwbEdPRGxo REFBTUFKRUFBTlhWMk9MaTVQLy8vd0FBQUNINUJBa0FBQU1BTEFBQUFBQU1BQXdBQUFJV1JJNTV3 dTBTbm96UzBjb3UxcFZQM0hpUGFJRk1BUUE3KSByZXBlYXQgLTFweCAtMXB4OwoJYm9yZGVyOiAx cHggc29saWQgI0JCQjsKCW1hcmdpbjogMCAwIDEycHggMDsKCS13ZWJraXQtYm9yZGVyLXJhZGl1 czogOHB4OwoJLW1vei1ib3JkZXItcmFkaXVzOiA4cHg7CgktbXMtYm9yZGVyLXJhZGl1czogOHB4 OwoJYm9yZGVyLXJhZGl1czogOHB4Owp9CmRpdi5ibG9ja2NhcmxlZnQsZGl2LmJsb2NrY2Fycmln aHQKewoJaGVpZ2h0OiAxNzlweDsKCWRpc3BsYXk6IGlubGluZS1ibG9jazsKCXZlcnRpY2FsLWFs aWduOiB0b3A7CgltYXJnaW46IDAgMCAwIDEyNHB4Owp9CmRpdi5ibG9ja2NhcmxlZnQKewoJd2lk dGg6IDUxcHg7CglwYWRkaW5nOiAzN3B4IDAgMCAxMDZweDsKfQoKZGl2LmJsb2NrY2FycmlnaHQK ewoJd2lkdGg6IDExMHB4OwoJbWFyZ2luLWxlZnQ6IDA7Cn0KCgpkaXYuYmxva3Nkcm9wCnsKCXdp ZHRoOiA0OXB4OwoJaGVpZ2h0OiA1MHB4OwoJZGlzcGxheTogYmxvY2s7CglmbG9hdDogbGVmdDsK CW1hcmdpbjogMCAwIDFweCAycHg7CgljdXJzb3I6IHBvaW50ZXI7Cn0KZGl2LmJsb2tzZHJvcDpo b3Zlcgp7CgliYWNrZ3JvdW5kOiB1cmwoaW1nL2Nsb3NlLnBuZykgbm8tcmVwZWF0IDMwcHggMXB4 LCB1cmwoaW1nL2Jsb2tzLnBuZykgbm8tcmVwZWF0IDNweCAwOwp9CgpkaXYuYmxva2RyYWcKewoJ d2lkdGg6IDE4NXB4OwoJaGVpZ2h0OiA1NnB4OwoJcGFkZGluZzogOHB4IDhweCAwIDY0cHg7Cglt YXJnaW46IDAgMCA4cHggMDsKCWRpc3BsYXk6IGlubGluZS1ibG9jazsKCXZlcnRpY2FsLWFsaWdu OiB0b3A7CgljdXJzb3I6IG1vdmU7Cglib3JkZXI6IDFweCBzb2xpZCAjQkJCOwoJLXdlYmtpdC1i b3JkZXItcmFkaXVzOiA4cHg7CgktbW96LWJvcmRlci1yYWRpdXM6IDhweDsKCS1tcy1ib3JkZXIt cmFkaXVzOiA4cHg7Cglib3JkZXItcmFkaXVzOiA4cHg7Cgkta2h0bWwtdXNlci1kcmFnOiBlbGVt ZW50OwoJLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTsKfQovKiBkaXYuYmxva2RyYWc6LXdlYmtp dC1kcmFnIHsgfSAqLwpkaXYuYmxva2RyYWcgaDMKewoJbWFyZ2luLWJvdHRvbTogMnB4Owp9CmRp di5ibG9rZHJhZyBiCnsKCWZsb2F0OiByaWdodDsKCWRpc3BsYXk6IGlubGluZS1ibG9jazsKCXdp ZHRoOiA1MHB4OwoJY29sb3I6ICNERTc4Mjg7Cgl0ZXh0LWFsaWduOiByaWdodDsKfQo8L3N0eWxl Pgo8L2hlYWQ+Cjxib2R5PgoJPGRpdiBzdHlsZT0iZGlzcGxheTogYmxvY2s7Ij4KCQk8ZGl2IGNs YXNzPSJibG9ja2Ryb3AiPgoJCQk8ZGl2IGNsYXNzPSJibG9ja2NhcmxlZnQiPjwvZGl2PjxkaXYg Y2xhc3M9ImJsb2NrY2FycmlnaHQiPjwvZGl2PgoJCTwvZGl2PgoJCURyYWcgd29ya3MgYXMgZXhw ZWN0ZWQ6KGRpc3BsYXk6YmxvY2s7KTxici8+CgkJPGRpdiBjbGFzcz0iYmxva2RyYWciIGRyYWdn YWJsZT0idHJ1ZSIgZGF0YS1uYW1lPSJ0YW5rcGFzIiB0aXRsZT0iU2xlZXAgbWlqIG5hYXIgYm92 ZW5zdGFhbmRlIGF1dG8iPgoJCQk8aDM+VGFua3BhczwvaDM+CgkJCTxiPiZldXJvOyAxMjAsLTxi ci8+cC5tbmQuPC9iPgoJCTwvZGl2PgoJCTxkaXYgY2xhc3M9ImJsb2tkcmFnIiBkcmFnZ2FibGU9 InRydWUiIGRhdGEtbmFtZT0ibmF2aSIgdGl0bGU9IlNsZWVwIG1paiBuYWFyIGJvdmVuc3RhYW5k ZSBhdXRvIj4KCQkJPGgzPk1vYmllbGUgbmF2aWdhdGllPC9oMz4KCQkJPGI+JmV1cm87IDQwLC08 YnIvPnAubW5kLjwvYj4KCQk8L2Rpdj4KCTwvZGl2PgoJPGRpdiBzdHlsZT0iZGlzcGxheTogaW5s aW5lLWJsb2NrOyI+CgkJRHJhZyBkb2Vzbid0IHNob3cgdGhlICJkcmFnaW1hZ2UiIHRoaW5neSAo YSBjb3B5IG9mIHRoZSBlbGVtZW50IGJlaW5nIGRyYWdnZWQpOiAoZGlzcGxheTogaW5saW5lLWJs b2NrOyk8YnIvPgoJCTxkaXYgY2xhc3M9ImJsb2tkcmFnIiBkcmFnZ2FibGU9InRydWUiIGRhdGEt bmFtZT0idGFua3BhcyIgdGl0bGU9IlNsZWVwIG1paiBuYWFyIGJvdmVuc3RhYW5kZSBhdXRvIj4K CQkJPGgzPlRhbmtwYXM8L2gzPgoJCQk8Yj4mZXVybzsgMTIwLC08YnIvPnAubW5kLjwvYj4KCQk8 L2Rpdj4KCQk8ZGl2IGNsYXNzPSJibG9rZHJhZyIgZHJhZ2dhYmxlPSJ0cnVlIiBkYXRhLW5hbWU9 Im5hdmkiIHRpdGxlPSJTbGVlcCBtaWogbmFhciBib3ZlbnN0YWFuZGUgYXV0byI+CgkJCTxoMz5N b2JpZWxlIG5hdmlnYXRpZTwvaDM+CgkJCTxiPiZldXJvOyA0MCwtPGJyLz5wLm1uZC48L2I+CgkJ PC9kaXY+Cgk8L2Rpdj4KCjxzY3JpcHQ+CmZ1bmN0aW9uIGNhbmNlbChlKQp7CiAgICAgICAgaWYg KGUucHJldmVudERlZmF1bHQpCiAgICAgICAgewogICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVm YXVsdCgpOwogICAgICAgIH0KICAgICAgICByZXR1cm4gZmFsc2U7Cn0KCgp2YXIgZHJhZ0l0ZW1z ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnW2RyYWdnYWJsZT10cnVlXScpOwoKZm9yICh2 YXIgaSA9IDA7IGkgPCBkcmFnSXRlbXMubGVuZ3RoOyBpKyspCnsKICAgICAgICBkcmFnSXRlbXNb aV0uYWRkRXZlbnRMaXN0ZW5lcignZHJhZ3N0YXJ0JywgZnVuY3Rpb24gKGV2ZW50KQogICAgICAg IHsKICAgICAgICAgICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5zZXREYXRhKCdUZXh0JywgdGhp cy5nZXRBdHRyaWJ1dGUoImRhdGEtbmFtZSIpKTsKICAgICAgICAgICAgICAgIC8vZXZlbnQuZGF0 YVRyYW5zZmVyLmVmZmVjdEFsbG93ZWQgPSAiY29weSI7CiAgICAgICAgICAgICAgICByZXR1cm4g ZmFsc2U7CiAgICAgICAgfSk7Cn0KCnZhciBkcm9wID0gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcign ZGl2LmJsb2NrZHJvcCcpOwp2YXIgYmxva2NvdW50ID0gMDsKdmFyIGFjdGl2ZUJsb2tzID0ge307 CgovLyBUZWxscyB0aGUgYnJvd3NlciB0aGF0IHdlICpjYW4qIGRyb3Agb24gdGhpcyB0YXJnZXQK ZHJvcC5hZGRFdmVudExpc3RlbmVyKCdkcmFnZW50ZXInLCBjYW5jZWwpOy8vZnVuY3Rpb24oZSl7 ZXZlbnQuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSAiY29weSI7IGNhbmNlbChlKTt9KTsKZHJv cC5hZGRFdmVudExpc3RlbmVyKCdkcmFnb3ZlcicsIGNhbmNlbCk7Cgpkcm9wLmFkZEV2ZW50TGlz dGVuZXIoJ2Ryb3AnLCBmdW5jdGlvbiAoZXZlbnQpCnsKICAgICAgICBpZiAoZXZlbnQucHJldmVu dERlZmF1bHQpIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7IC8vIHN0b3BzIHRoZSBicm93c2VyIGZy b20gcmVkaXJlY3Rpbmcgb2ZmIHRvIHRoZSB0ZXh0LgoKICAgICAgICB2YXIgbmFtZSA9IGV2ZW50 LmRhdGFUcmFuc2Zlci5nZXREYXRhKCdUZXh0Jyk7CiAgICAgICAgICAgICAgICB2YXIgYmxvY2tj YXJsZWZ0ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignZGl2LmJsb2NrY2FybGVmdCcpOwoKCQl2 YXIgZGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgiZGl2Iik7CgkJZGl2LmFwcGVuZENoaWxk KGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKCJEcm9wcGVyIikpOwoJCWJsb2NrY2FybGVmdC5hcHBl bmRDaGlsZChkaXYpOwoKICAgICAgICByZXR1cm4gZmFsc2U7Cgp9KTsKPC9zY3JpcHQ+CjwvYm9k eT4KPC9odG1sPgo=