← Back to team overview

mahara-contributors team mailing list archive

[Bug 1898123] Re: iOS-Safari tablet - long block detail modal title overlaps block content

 

Catalyst QA Tested - failed
Environment: mahara-qa environment (PostgreSQL 12.4 & PHP 7.4)
Platform: iPad Air 2 iOS14-Safari
Theme: Raw

Robert had noticed that there were also display problems with the title and COG icon display for the edit modals for the following blocks when they have long titles too:
- Smart evidence annotation 
- text.

During retest on the iOS-Safari device the attached screen shot was
noted.


** Attachment added: "iOS14-Safari Smart Evidence - Edit annotation screen.png"
   https://bugs.launchpad.net/mahara/+bug/1898123/+attachment/5422408/+files/iOS14-Safari%20Smart%20Evidence%20-%20Edit%20annotation%20screen.png

-- 
You received this bug notification because you are a member of Mahara
Contributors, which is subscribed to Mahara.
Matching subscriptions: Subscription for all Mahara Contributors -- please ask on #mahara-dev or mahara.org forum before editing or unsubscribing it!
https://bugs.launchpad.net/bugs/1898123

Title:
  iOS-Safari tablet - long block detail modal title overlaps block
  content

Status in Mahara:
  Confirmed
Status in Mahara 20.10 series:
  Confirmed
Status in Mahara 21.04 series:
  Confirmed

Bug description:
  Environment: master.dev 
  Browser: iOS 14.1 with Safari on iPad Air 2 (10") portrait

  Precondition: Logged in account has a page with an image block on it
  that has a long (45+characters) file name (see attached screen shot).

  Steps
  1. Log in and choose to view the page, select to view the block details and comments bars.
  2. Select the image block's details and comment bar.

  Expected result: the image's details modal opens and displays correctly.
  Actual result: the image's details modal opens but as the title does not fit on one line, its display wraps and it covers the 'Preview' heading (see attached screen shot).

   
  NOTE: this is not a problem when viewing the same modal using the 8" Android-Chrome device - in this case the grey title area is extended to two lines and the 'Preview' title displays beneath it.

To manage notifications about this bug go to:
https://bugs.launchpad.net/mahara/+bug/1898123/+subscriptions


References