Why is my Translate & Adapt module not displaying code correctly?

Start a Business

Topic summary

A user is experiencing a display issue in Shopify’s Translate & Adapt module when working in code view.

The Problem:

  • When translating untranslated content and switching to code view, the editing area doesn’t expand properly
  • Only 4-5 lines of code are visible despite having 32+ lines written
  • A scrollbar appears on the right side instead of the window expanding
  • The issue appears to be CSS-related

Reproduction Steps:

  • Click “Source Code” icon on an empty translation
  • Start coding a few lines
  • The code area fails to expand to show all content

Workaround: Saving and reloading the page temporarily fixes the display, showing all code lines properly.

Current Status:

  • Tested on Chrome (Version 121.0.6167.189) and Edge with same results
  • User contacted Shopify support, who suggested it’s a local issue and recommended clearing cookies/cache, but the problem persists
  • A staff member (richbrown_staff) acknowledged the report and indicated the team will investigate

Screenshots were provided to illustrate the issue.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hi folks!

I’ve reported a bug with Shopify Translate & Adapt module.

When i use the the module and translate something that is not translated, in code view, when i start coding, the section not expanded well. I only see 4-5 lines of code and a scrolling bar appear at right side. When you build for exemple 32 lignes, you only see the first ones. Its look like a problem with CSS that doesn’t expand well the Window.

See capture:

2024-02-23_10h30_03.png
2024-02-23_10h30_03.png1920×911 109 KB

If i save and reload the page, the area is expanded and show all the code lines. It’s anoying… not something hard to resolve at my opinion.

To reproduce:

  • you need a empty translation, clic on the icon “Source Code <>” and start coding a few lines.

Chrome version: Version 121.0.6167.189 (Build officiel) (64 bits)

Also tested on Edge, same.

Thanks.

2

Thanks for sharing this and the accompanying detail @8ternity , we’ll get this looked at

3

Hi Richbrown,

I’ve contacted support, they try to reproduce and theyt old me that its on my side. To clear cookie and cache of browser, which i did this morning. Samething.

To reproduce, i edit a page, remove all the code, Save.
I reload shopify, open the Translate & Adapt module, edit the same page, open code view; type anything, samething happen.

See capture :

2024-02-26_09h09_18.png
2024-02-26_09h09_18.png1920×911 89.6 KB

Thanks.