← Back to team overview

mahara-contributors team mailing list archive

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

 

Public bug reported:

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.

** Affects: mahara
     Importance: Undecided
         Status: New

** Attachment added: "iOS-4_Safari - long block detail modal title overlaps block content.png"
   https://bugs.launchpad.net/bugs/1898123/+attachment/5416320/+files/iOS-4_Safari%20-%20long%20block%20detail%20modal%20title%20overlaps%20block%20content.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:
  New

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


Follow ups