LTI iFrame in Test is not full width, different from Prod

[glparker]

Recently we noticed that the iFrame produced by Canvas for LTI tools on TEST is not using the full width of the space.    The same LTI code in production is using the full width.   

I've attached two screenshots below.

Is anyone else aware of a recent change causing this?   Is there any reason to expect this narrow iFrame will make it's way to Production anytime soon (I hope not)

Thanks, Glen

[jpoulos]

 @glparker ‌ Can you report the details to our support team and direct message me your case number so I can keep tabs on it? I have not had reports of this yet so please send details on where we can see the problem and any additional information you might have when you file the support case.

[lms-stephenalle]

Hello Jesse,

I'm Stephen Allen, a java/web developer working with Glen Parker at USF.

For this issue (case number 05001307) I've researched the width reduction change we're seeing on our LTI Tools iframe within the Canvas test environment (but not in the production environment), and I've determined what I believe are the CSS elements responsible for the change:

The element being narrowed (which is wrapped around the outside of our iFrame and out of our direct control) is:

<div id="wrapper" class="ic-Layout-wrapper">

The specific CSS code impacting our width is:
body:not(.full-width):not(.outcomes) .ic-Layout-wrapper {
max-width: 1366px;
}

This CSS code is contained in the remote css file:
https://du11hjcvx0uqb.cloudfront.net/br/dist/brandable_css/new_styles_normal_contrast/bundles/common...

I don't have direct access to the case ticket for this, so would it be possible for you to relay this information to the support team?

Thanks,

Stephen Allen

[ColinMurtaugh]

Odd that this isn't in production; looks like that particular line of CSS has been in the codebase for three years: 

canvas-lms/app/stylesheets/base/_ic_app_layout.scss at 5b07c6445748e6884eb35b141ad080be39970b96 · in...