Inline Editor floating Toolbar should be positioned relative to Editor

Progress® Kendo UI® for jQuery Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 20 Jan 2020 09:25 by ADMIN

Imported User

Created on: 08 Oct 2013 15:43

Category: Editor

Type: Feature Request

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