Skip to content

Bard toolbar looses focus in Safari #14374

@Alpenverein

Description

@Alpenverein

Bug description

If you place a Bard editor inside a Bard editor and the content of the inner Bard editor is so long, you have to scroll down, the inner tool-bar loses control over the content in that moment it sticks to the upper edge of the monitor and becomes sticky. You are not able to make marked text as bold or italic anymore, for example.
This issue is an Safari problem only.

How to reproduce

  • Write something into the content.
  • add a bardmodule set into the content
  • add many paragraphs of Lorem Ipsum into the "bardsubfield"
  • scroll bardsubfield up so the inner toolbar becomes sticky
  • mark a word and try to make it bold/italic
  • does not work in Safari, because the focus seems to expand to the outer bard input field!?

This is an example blueprint to reproduce the behaviour:

title: TestBlueprint
tabs:
  main:
    display: Hauptbereich
    sections:
      -
        fields:
          -
            handle: title
            field:
              type: text
              required: true
              localizable: false
              validate:
                - required
          -
            handle: content
            field:
              container: assets
              remove_empty_nodes: false
              type: bard
              display: Content
              localizable: false
              sets:
                bardmodule:
                  display: Bard-Module
                  sets:
                    neues_set:
                      display: 'New Set'
                      fields:
                        -
                          handle: bardsubfield
                          field:
                            container: assets
                            remove_empty_nodes: false
                            type: bard
                            display: bardsubfield
                            localizable: false
  sidebar:
    display: Sidebar
    sections:
      -
        fields:
          -
            handle: slug
            field:
              type: slug
              localizable: true
              validate: 'max:200'
          -
            handle: date
            field:
              type: date
              required: true
              default: now
              localizable: false
              validate:
                - required
          -
            handle: authors
            field:
              type: terms
              taxonomies:
                - authors
              display: 'Autor*innen'
              mode: select
              localizable: false
          -
            handle: editions
            field:
              type: terms
              taxonomies:
                - editions
              display: Ausgaben
              mode: select
              localizable: false
          -
            handle: tags
            field:
              type: terms
              taxonomies:
                - tags
              display: Themen
              mode: select
              localizable: false
          -
            handle: categories
            field:
              type: terms
              taxonomies:
                - categories
              display: Themenwelten
              mode: select
              localizable: false
          -
            handle: feeds
            field:
              type: terms
              taxonomies:
                - feeds
              display: Feeds
              mode: select
              localizable: false

Logs

Environment

Environment
Application Name: DAV
Laravel Version: 12.56.0
PHP Version: 8.3.23
Composer Version: 2.8.10
Environment: local
Debug Mode: ENABLED
URL: dav-av.ddev.site
Maintenance Mode: OFF
Timezone: Europe/Berlin
Locale: de

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: mysql
Logs: stack / single
Mail: smtp
Queue: sync
Session: file

Storage
public/assets: LINKED
public/files: LINKED
public/img: LINKED
public/storage: LINKED

Statamic
Addons: 5
Sites: 3 (DAV, JDAV, JUBI)
Stache Watcher: Enabled
Static Caching: Disabled
Version: 6.7.3 PRO

Statamic Addons
alpenverein/nginx-utility: dev-dev
el-schneider/statamic-auto-alt-text: 2.0.3
jacksleight/statamic-bard-mutator: 3.0.5
mitydigital/sitemapamic: 3.4.1
thehome/statamic-elasticsearch: dev-es8

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions