Project

General

Profile

Actions

Bug #13860

closed

Typeahead: Problem with focus under MacOS X Safari

Added by Carsten Rose 4 months ago. Updated about 1 month ago.

Status:
Closed
Priority:
Normal
Assignee:
Carsten Rose
Target version:
Start date:
02.03.2022
Due date:
% Done:

0%

Estimated time:
Discuss:

Description

https://webwork16.math.uzh.ch/forkred/ (als User 'Martin Bühler') > Chief Reviewer FK > Manage Reviewer > External Reviewer

Das Typehead Feld hat min unter Safari auf Mac OS X ein Problem den Fokus zu bekommen. Martin berichtet das er erst auf das (i) klicken muss und erst dann in das Typehead Feld klicken kann.

Bei Firefox/Brave (Linux) tritt der Effekt nicht auf.

{
    "title": "External member for Faculty {{SELECT fa.name_short FROM faculty AS fa WHERE fa.id={{x_id2:S0}} }}",
    "tableName": "ggroup_member",
    "requiredParameterNew": "x_id2",
    "forwardMode": "",
    "bsLabelColumns": "col-md-3 col-lg-3",
    "bsInputColumns": "col-md-9 col-lg-9",
    "bsNoteColumns": "0",
    "parameter": "bsColumns = col-md-8 col-lg-6",
    "recordLockTimeoutSeconds": 900,
    "FormElement_ff": [
        {
            "name": "x_id",
            "label": "Reviewer",
            "ord": 10,
            "tabindex": 0,
            "placeholder": "Suche nach Name, Vorname, Email",
            "value": "{{SELECT p.first_name, ' ', p.last_name, ' (', p.email, ')' FROM person AS p WHERE id={{x_id:R0}} }}",
            "parameter": "#autocomplete=nope\r\nhideZero\r\nextraButtonInfo = Es kann nur nach Personen gesucht werden die bereits als non-UZH Person in der Datenbank erfasst wurden. Sollten Personen fehlen, nehmen Sie bitte Kontakt auf mit <a href=\"{{ADMINISTRATIVE_EMAIL:Y}}\">{{ADMINISTRATIVE_EMAIL:Y}}<\/a>.\r\n\r\n\r\ntypeAheadSqlPrefetch = SELECT p.first_name, ' ', p.last_name, ' (', p.email, ')' FROM person AS p WHERE id = ?\r\n\r\ntypeAheadSql = SELECT p.id, CONCAT(p.first_name, ' ', p.last_name, ' (', p.email, ')') AS value FROM person AS p WHERE p.uzhShortName LIKE '%@%' AND (p.last_name LIKE ? OR p.first_name LIKE ? OR p.email LIKE ?  OR CONCAT(p.first_name, ' ',p.last_name) LIKE ? OR CONCAT(p.last_name, ' ', p.first_name) LIKE ?) ORDER BY p.last_name, p.first_name\r\n\r\ntypeAheadMinLength = 1" 
        },
        {
            "name": "gr_id",
            "type": "extra",
            "ord": 40,
            "tabindex": 0,
            "value": "{{SELECT gr.id FROM ggroup AS gr WHERE gr.reference='fks_faculty_member'}}" 
        },
        {
            "label": "myUpdateRoleReviewer",
            "class": "action",
            "type": "afterSave",
            "ord": 60,
            "tabindex": 0,
            "parameter": "fillStoreVar={{!SELECT grRole.id AS grIdRole FROM ggroup AS grRole WHERE grRole.reference=CASE WHEN '{{pageAlias:T}}' LIKE '%stwf%'       THEN 'fks_role_review_stwf' WHEN '{{pageAlias:T}}' LIKE '%fk%'        THEN 'fks_role_review_fk' WHEN '{{pageAlias:T}}' LIKE '%mob%' THEN 'fks_role_review_mob' END LIMIT 1}}\r\n\r\n\r\n# Bestehende Rolle finden\r\nslaveId={{SELECT gmRole.id FROM ggroup_member AS gmRole WHERE gmRole.gr_id={{grIdRole:V0}} AND gmRole.x_id={{x_id:R0}} }}\r\n\r\nsqlInsert={{INSERT INTO ggroup_member (`gr_id`, `x_id`) VALUES ( {{grIdRole:V0}}, {{x_id:R}}  ) }}" 
        }
    ]
}

Files

clipboard-202203022253-h1mjv.png (64.1 KB) clipboard-202203022253-h1mjv.png Carsten Rose, 02.03.2022 22:53
Actions #2

Updated by Carsten Rose 4 months ago

  • Target version changed from 22.8.0 to 22.6.0
Actions #3

Updated by Enis Nuredini 4 months ago

  • Status changed from New to Priorize
Actions #4

Updated by Enis Nuredini 4 months ago

  • Status changed from Priorize to In Progress
Actions #5

Updated by Enis Nuredini 4 months ago

  • Status changed from In Progress to Feedback
  • Assignee changed from Enis Nuredini to Carsten Rose

Die Verwendung vom gleichen z-index für beide input felder die vom Typeahead generiert werden machen bei Safari Probleme. Die Reihenfolge der input Felder wird dadurch nicht korrekt ausgegeben. Entsprechender z-index wird vom Bootstrap Framework gesetzt (".input-group .form-control"). Um nicht weitere Funktionalitäten zu beeinflussen habe ich einen Fix mit Hilfe von JS spezifiesch für diese Situation (Safari+Typeahead) erstellt. Im Branch: B13860 zu finden.

Actions #6

Updated by Carsten Rose 3 months ago

  • Tracker changed from Support to Bug
Actions #7

Updated by Carsten Rose about 1 month ago

  • Target version changed from 22.6.0 to 22.5.0
Actions #8

Updated by Carsten Rose about 1 month ago

  • Status changed from Feedback to Closed
Actions

Also available in: Atom PDF