Skip to content

Fix horizontal overflow in entry content view#724

Open
Copilot wants to merge 3 commits intomainfrom
copilot/fix-ui-overflow-issue
Open

Fix horizontal overflow in entry content view#724
Copilot wants to merge 3 commits intomainfrom
copilot/fix-ui-overflow-issue

Conversation

Copy link
Contributor

Copilot AI commented Jan 27, 2026

Entry content can cause horizontal viewport overflow when containing wide embedded media (iframes, videos) or long unbreakable code strings.

Changes

Added Tailwind arbitrary variant constraints to the content container in ItemContent.tsx:

className="... overflow-x-hidden [&_iframe]:max-w-full [&_video]:max-w-full [&_embed]:max-w-full [&_object]:max-w-full [&_code]:break-all [&_figure]:max-w-full"

This constrains:

  • Media embeds (iframe, video, embed, object) to container width
  • Inline code elements to break on any character
  • figure elements to container width

Visual Test

Overflow fix demonstration

Top container shows overflow without fixes; bottom container shows content properly constrained.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • fonts.googleapis.com
    • Triggering command: /usr/local/bin/node /usr/local/bin/node /home/REDACTED/work/feeds/feeds/node_modules/next/dist/bin/next build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Original prompt

Fix issue that content can make the UI overflow like https://feeds.llun.dev/sites/all/entries/8101153916e802fa4323d23fea7d91c7668e61f91818b966c8dd2392a6e72580


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI and others added 2 commits January 27, 2026 08:11
Co-authored-by: llun <35814+llun@users.noreply.github.com>
Co-authored-by: llun <35814+llun@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix UI overflow issue caused by content Fix horizontal overflow in entry content view Jan 27, 2026
Copilot AI requested a review from llun January 27, 2026 08:16
@llun llun marked this pull request as ready for review January 27, 2026 08:19
@llun
Copy link
Owner

llun commented Jan 27, 2026

@codex review

@chatgpt-codex-connector
Copy link

Codex Review: Didn't find any major issues. More of your lovely PRs please.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@llun
Copy link
Owner

llun commented Jan 27, 2026

@codex bump the minor version in package.json and find all the version number in project and bump it too

@chatgpt-codex-connector
Copy link

To use Codex here, create an environment for this repo.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants