这是indexloc提供的服务,不要输入任何密码
Skip to content

Reduced area of amp-story-attachment #37234

@jaygray0919

Description

@jaygray0919

Description

Prior to some time in September 2021 the amp-story-attachment opened to an area ~80% of the amp-story container.
The attachment borders were rounded and y-overflow enable scrolling.
The total area is important to us because, based on advice from Jon Newmuis @newmuis , we have moved iframes - featuring production applications - from a grid to an attachment (for amp-validation).
Then, as a preview, we use a screenshot of the production application in a grid.

Sometime during September 2021 the amp-story runtime changed to substantially compress the height and width of the attachment.
Currently, the attachment area is ~60% of the original area.

When viewed in desktop-landscape the "haircut" is significant.
Images that previously were completely "above the fold" are now bisected and require scrolling to see the image.
Text that previously was visible below an image is now only visible after scrolling.
And, of course, it is the text that is most important because, in many cases, it complements the image repeated from the grid.

When the same amp-story is presented using amp-story-player, the attachment - in effect - is unusable.
The screenshot illustrates the issue.

Our feature request is to provide the equivalent of an SVG viewBox inside an SVG viewPort.
There might be a default viewBox for an attachment (e.g. the current specification) with an option to specify a viewBox that could be up to 90% of the amp-story container (the equivalent of an SVG viewPort).

For CSS, the 'viewBox' might be some (maximum) percent of the amp-story container.
Such an approach might work well for both portrait and landscape.

Please consider the problem and proposed solution.
Currently, our desktop-landscape stories are significantly impacted, and our amps-story-player - on a single HTML page - is unusable.

Alternatives Considered

Add a link to view an external HTML page

Additional Context

image

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions