[MGNLUI-6035] Column Editor's fields: One can not click into or highlight any text while editing. Created: 09/Jul/20  Updated: 13/Jul/20

Status: Open
Project: Magnolia UI
Component/s: app framework, tree/list, workbench
Affects Version/s: None
Fix Version/s: None

Type: Improvement Priority: Major
Reporter: Christian Ringele Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
relation
is related to MGNLUI-6041 Column Editor's availability: Non ava... Open
is related to MGNLUI-6034 Column Editor's field: $textField usi... Open
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)

 Description   

Tested:

On current 6.2.2-SNAPSHOT

Situation:

One uses editors on the view's column in an app.
Example code I  use:

            name:
              name: jcrName
              nodeTypeToIcon:
                  event: icon-datepicker
              editable: true
              editor:
                availability:
                  nodeTypes:
                    - event
                  nodes: true
                  properties: false
                field:
                  $type: textField
            
            location:
              expandRatio: 1.0
              filterComponent:
                 $type: textField
              editable: true
              editor:
                availability:
                  nodes: true
                  properties: false
                field:
                  $type: textField
                  rows: 3
            
            date:
              $type: dateColumn
              expandRatio: 1.0
              filterComponent:
                 $type: textField
              editable: true
              editor:
                availability:
                  nodeTypes:
                    - event
                  nodes: true
                  properties: false
                field:
                  $type: textField
                  converterClass: com.vaadin.data.converter.StringToDateConverter

Problem:

The editing works, but its behavior is quite cumbersome and not optimal in its use.

Major problem:

  • One can not click into the edited/open text -> once can not set the cursor via mouse
  • When clicking onto the text, the whole text gets highlighted.
  • The only way  to edit it is:
    • first use a cursor right or left -> text is unselected and cursor is besides the text
    • and then navigate to the right spot to change.

So for replacing 3 words containing 25 characters, you need to hit 25 times delete (or 25x (shift + right) and then delete), no way around it. and then for going to another word to replace you need to hit x times the right or left for  every single character to jump over.


Generated at Mon Feb 12 09:32:30 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.