{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/draft-js/issues/556","repository_url":"https://api.github.com/repos/facebook/draft-js","labels_url":"https://api.github.com/repos/facebook/draft-js/issues/556/labels{/name}","comments_url":"https://api.github.com/repos/facebook/draft-js/issues/556/comments","events_url":"https://api.github.com/repos/facebook/draft-js/issues/556/events","html_url":"https://github.com/facebook/draft-js/issues/556","id":167049220,"number":556,"title":"Editor is placed under the placeholder","user":{"login":"barbu110","id":7272395,"avatar_url":"https://avatars.githubusercontent.com/u/7272395?v=3","gravatar_id":"","url":"https://api.github.com/users/barbu110","html_url":"https://github.com/barbu110","followers_url":"https://api.github.com/users/barbu110/followers","following_url":"https://api.github.com/users/barbu110/following{/other_user}","gists_url":"https://api.github.com/users/barbu110/gists{/gist_id}","starred_url":"https://api.github.com/users/barbu110/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/barbu110/subscriptions","organizations_url":"https://api.github.com/users/barbu110/orgs","repos_url":"https://api.github.com/users/barbu110/repos","events_url":"https://api.github.com/users/barbu110/events{/privacy}","received_events_url":"https://api.github.com/users/barbu110/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-07-22T13:48:46Z","updated_at":"2016-07-22T14:17:43Z","closed_at":"2016-07-22T14:17:43Z","body":"When specifying `placeholder` attribute to the `Draft.Editor` component, the placeholder element is rendered with `position: relative` (as far as I can see) so it comes above the editor itself.\r\n\r\n![gifrecord_2016-07-22_164239](https://cloud.githubusercontent.com/assets/7272395/17059072/1def14fc-502c-11e6-8bae-92f719589f3d.gif)\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/facebook/draft-js/issues/comments/234555897","html_url":"https://github.com/facebook/draft-js/issues/556#issuecomment-234555897","issue_url":"https://api.github.com/repos/facebook/draft-js/issues/556","id":234555897,"user":{"login":"barbu110","id":7272395,"avatar_url":"https://avatars.githubusercontent.com/u/7272395?v=3","gravatar_id":"","url":"https://api.github.com/users/barbu110","html_url":"https://github.com/barbu110","followers_url":"https://api.github.com/users/barbu110/followers","following_url":"https://api.github.com/users/barbu110/following{/other_user}","gists_url":"https://api.github.com/users/barbu110/gists{/gist_id}","starred_url":"https://api.github.com/users/barbu110/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/barbu110/subscriptions","organizations_url":"https://api.github.com/users/barbu110/orgs","repos_url":"https://api.github.com/users/barbu110/repos","events_url":"https://api.github.com/users/barbu110/events{/privacy}","received_events_url":"https://api.github.com/users/barbu110/received_events","type":"User","site_admin":false},"created_at":"2016-07-22T14:17:43Z","updated_at":"2016-07-22T14:17:43Z","body":"My `Editor` component uses custom block-styling which apparently does not merge the original styles with mine, but completely overrides them. So what I was missing was adding CSS rules for the placeholder itself:\r\n\r\n```css\r\n.public/DraftEditorPlaceholder/root {\r\n\t@extend .RichEditor/block;\r\n\tcolor: var(palette-grey-500);\r\n\tposition: absolute;\r\n\tz-index: 0;\r\n}\r\n\r\n.public/DraftEditorPlaceholder/hasFocus {\r\n\tcolor: var(palette-grey-700);\r\n}\r\n\r\n.DraftEditorPlaceholder/hidden {\r\n\tdisplay: none;\r\n}\r\n```"}}
{"actor":{"display_login":"barbu110"}}