Pending Review
Last Updated: 27 Sep 2018 20:41 by ADMIN
Imported User
Created on: 08 Oct 2013 15:43
Category: Editor
Type: Feature Request
16
Inline Editor floating Toolbar should be positioned relative to Editor
Currently the floating toolbar for an inline Editor (a contentEditable div as opposed to a textarea) is positioned relative to the document body, not the Editor itself. If for example your Editor is in a div with its own overflow-y: scroll while the body has overflow: hidden, as is the default in a SharePoint 2010 page, then as you scroll this div, your editor will scroll in the div, but the toolbar remains fixed, when it should scroll along with the editor. We need to be able to append the toolbar to an arbitrary container so that it can be positioned relative to the editor.
8 comments
Imported User
Posted on: 15 Sep 2017 20:02
How is this still a "feature" or "bug" 4 years later? It looks really bad even on their demo page:
http://demos.telerik.com/kendo-ui/editor/inline-editing

The toolbar should be docked to the content editing. Not just floating. And I can't just the workaround below because the nested positioning divs conflict with my other divs on the page.
Joshua
Posted on: 16 May 2017 17:52
Remco hit the nail on the head, where it should not be floating and it should be docked.
Joshua
Posted on: 16 May 2017 17:51
http://dojo.telerik.com/eJOca/6
Joshua
Posted on: 16 May 2017 17:51
this is 100% a bug and not a suggestion... here is a potential workaround http://dojo.telerik.com/eJOca/6
Imported User
Posted on: 12 May 2017 09:30
I was trying to solve that by code: https://codepaste.net/orkzfc, but after that ther are some javascript errors in kendo.js when using backspace 
Ryan
Posted on: 03 Mar 2014 15:55
I agree with Bill. This is definitely a bug, and one that is hurting us on a client project right now.
Imported User
Posted on: 29 Jan 2014 02:11
It seems strange that this is a suggestion and not a "bug". The editor can't be used in any scrolling region at all? I must be missing something because I cannot get it to be positioned correctly with some "position:fixed" content on the page above it or in a scrolling div. Work-arounds?
Imported User
Posted on: 05 Nov 2013 11:05
it would also be good to be able to allow the inline editor toolbar to be not floating / absolute positioned but permanently visible / relatively positioned above the inline editor. The floating toolbar hides essential information above the editor when it appears. You may argue that I should use a textarea instead of a contentEditable div, but I prefer the contentEditable div because its height autosizes according to its contents, whereas the textarea will have a fixed height with vertical scrollbar. Also, on older browsers a contentEditable div appears to perform better than a textarea with an iframe