Make WordPress Core

Opened 11 years ago

Closed 11 years ago

Last modified 11 years ago

#26169 closed defect (bug) (fixed)

WP 3.8-beta1 - MP6: no horizontal scrolling on table possible anymore

Reported by: harmr's profile harmr Owned by:
Milestone: 3.8 Priority: normal
Severity: normal Version: 3.8
Component: Administration Keywords:
Focuses: ui Cc:

Description

I am the developer of "Leaflet Maps Marker" and within the the admin pages of my plugin I use <table class="widefat"> in order to create the maps. By default the map is 640px wide, but users can change it according to their needs and the preview (within the <table> changes accordingly).

I tested my plugin with WP 3.8/MP6 and found that there is an issue I dont know how to solve: when small size (like on smartphones) is enabled, horizontal scrolling of the table is not possible anymore and the map cant be properly created - see the following screenshot for how it should be: http://pro.mapsmarker.com/table-issue-working.png
And here a screenshot with the table and small size not scrollable anymore: http://pro.mapsmarker.com/table-issue-broken.png

Does MP6 allow an option to make a table "unresponsive" or add a horizontal scrollbar nethertheless the screen size is small? Couldnt find any docu on this & help here would really be appreciated!
Thx,

Robert

Change History (7)

#1 @SergeyBiryukov
11 years ago

  • Keywords ui-focus added; mp6 removed
  • Milestone changed from Awaiting Review to 3.8

#2 @iammattthomas
11 years ago

It's possible to re-enable horizontal scrolling with the following CSS:

#wpwrap {
        overflow-x: scroll;
}

Though I would strongly urge plugin developers not to rely on this as a "fix" for wide tables on small screens. Layouts that rely on multi-column tables very much need to be redesigned with mobile devices in mind to fully support 3.8's responsive admin.

#3 @harmr
11 years ago

Thanks Matt - that is what I was looking for!

I agree with you, this is not the optimal solution for my plugin but making all my admin pages responsive requires lot of changes that take much more time and which arent probably finished when WP3.8 is already out - meaning my plugin would be not usable on mobile devices anymore.

I also havent decided yet fully if responsive table within map creation make 100% sense, as I offer a dynamic preview of maps.

Anyway thanks for your help - I will try to find a long term solution which better fits responsive design (it just will take some more time ;-)
best,

Robert

PS: Ticket can be closed.

#4 @matt
11 years ago

  • Milestone 3.8 deleted
  • Resolution set to invalid
  • Status changed from new to closed

#5 @iammattthomas
11 years ago

In 26382:

Allow #wpwrap to scroll horizontally if needed, and hide overflow only on specific elements that need it. See #26169.

#6 @SergeyBiryukov
11 years ago

  • Milestone set to 3.8
  • Resolution changed from invalid to fixed
  • Version set to trunk

#7 @iammattthomas
11 years ago

After talking this over with Helen we've decided to allow #wpwrap to scroll if necessary so we're not disabling functionality on plugins that need it. No need to manually set overflow-x to scroll as of r26382.

Note: See TracTickets for help on using tickets.