be207f8972 Stop forcing SizeAwareImage containers to display:block (#39216)
* Stop forcing SizeAwareImage containers to display:block

A loaded SizeAwareImage set `display: block` as an inline style on its
`.file-preview__button` container. Because an inline style beats every
stylesheet rule, inline Markdown images were torn out of the text flow:
the channel header, the header-change system message and any message
with two images next to each other wrapped after every image, hiding
the rest of the header.

Only set `display` inline for the hidden state and let CSS pick the
visible display mode. The surfaces that need block-level images
(`.image-loaded` attachments and MM Blocks) already say so in their
stylesheets, and `.file-preview__button` defaults to `inline-block`,
which is what the Markdown and channel-header rules were already
asking for.

Fixes: https://github.com/mattermost/mattermost/issues/39212

Co-authored-by: Jesse Hallam <lieut-data@users.noreply.github.com>

* Assert inline Markdown images share a row with surrounding text

Co-authored-by: mattermost-code <matty-code@mattermost.com>

* Clarify inline image e2e text-box coordinate space

Co-authored-by: mattermost-code <matty-code@mattermost.com>

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Jesse Hallam <lieut-data@users.noreply.github.com>
Co-authored-by: Mattermost Build <build@mattermost.com>
Co-authored-by: mattermost-code <matty-code@mattermost.com>
2026-10-20 13:36:25 +03:00
2026-10-04 12:35:53 +08:00
2018-05-30 10:23:25 -04:00

Mattermost logo

Mattermost is an open core, self-hosted collaboration platform that offers chat, workflow automation, voice calling, screen sharing, and AI integration. This repo is the primary source for core development on the Mattermost platform; it's written in Go and React, runs as a single Linux binary, and relies on PostgreSQL. A new compiled version is released under an MIT license every month on the 16th.

Deploy Mattermost on-premises, or try it for free in the cloud.

mattermost user interface

Learn more about the following use cases with Mattermost:

Other useful resources:

Table of contents

Install Mattermost

Other install guides:

Native mobile and desktop apps

In addition to the web interface, you can also download Mattermost clients for Android, iOS, Windows PC, macOS, and Linux.

Get Mattermost on Google Play Get Mattermost on the App Store Get Mattermost on Windows PC Get Mattermost on Mac OSX Get Mattermost on Linux

Get security bulletins

Receive notifications of critical security updates. The sophistication of online attackers is perpetually increasing. If you're deploying Mattermost it's highly recommended you subscribe to the Mattermost Security Bulletin mailing list for updates on critical security releases.

Subscribe here

Get involved

Learn more

License

See the LICENSE file for license rights and limitations.

Get the latest news

Contributing

Small Image

Please see CONTRIBUTING.md. Join the Mattermost Contributors server to join community discussions about contributions, development, and more.

S
Description
Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..
Readme AGPL-3.0, Apache-2.0
2.6 GiB
0 Stars 3 Watchers 0 Forks
Languages
TypeScript 48.9%
Go 41.8%
JavaScript 5.1%
SCSS 2.3%
HTML 1.4%
Other 0.3%