== Background
- Currently we use JS to wrap tables to make them responsive in Vector under a feature flag. This solution cant be permanent, as it causes a reflow. This ticket is for researching a long term solution to this to figure out:
What feedback to editors do we need to upstream this fix to their wikitext or should update default parser markup for tables (talk to content transform team)
== User story
- As a wiki reader, I want large tables to not mess up the UI and be usable on all resolutions without causing a reflow
== Requirements
- talk to content transform team about responsive table markup
`<div class="noresize"><table class="wikitable">`
- After this spike, create an implementation task to transition from the JS solution to a permanent one
- identify any changes we want to give to editors to make
- current list of [[ https://github.com/wikimedia/mediawiki-skins-Vector/blob/d11e77a5ecafcb46ff7407e1e160eb05c2935729/resources/skins.vector.js/tables.js#L4 | requirements in JS logic ]]
- We'd then need some way for editors to remove the noresize class - this might be by adding a class to table, and us hoisting it. e.g {| class="wikitable aside" might result in <div><table class="wikitable"> or it might be by adding a parameter. <div class="noresize">{| class="wikitable" fullscreen="false" results in <div><table class="wikitable"> (e.g. noresize class is dropped)
-