MetaMask / MetaMask/phishing-warning

[Visual bug] Blank page on certain blocked URLs, simple CSS fix

Open
#196 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
20
Forks
17
PR merge metrics
No merged PRs in 30d

Description

There are certain scam links being advertised on Facebook, I recently reported 2 of them.

However, these ads have very long URLs, this causes a visual bug on the Metamask warning page after they are blocked.

For example, try visiting this blocked site using the Metamask extension:

https://inquirer.pro/WwwNmYPh?utm_creative=New+Sales+ad&utm_campaign=PE%2FJaime+Bayly%2Fvideo&utm_source=fb&utm_placement=Facebook_Desktop_Feed&campaign_id=120225787927560429&adset_id=120225787927600429&ad_id=120225787927570429&adset_name=New+Sales+ad+set&emaill=2314&pixel=1196785042230272&token=EAAXD16w6QbcBO8nLerQHz1NZBeZCtvZAFFhmzyJgRpNodqxr5SZCoJulRExMrvIX1apQNEtTLWtWlqxnelsx4IsICMqE4qdZBZAA9w0k4N4IsqvkZCNQJbHDKSSHss3FVKDcOt8fMScpOtqXz4iUV9GUQlYIgwdSkC8SsRAHBM7nsPkZC6hZCxiOF5Qs7MgVF9gZDZD&domain=inquirer.pro&media_type=video&utm_medium=paid&utm_id=120225787927560429&utm_content=120225787927570429&utm_term=120225787927600429&fbclid=IwY2xjawKdsvZleHRuA2FlbQEwAGFkaWQBqyC3nhg0DQEeIx3vp7TpFC-QWZnFEnzvwC77gv5PCmoQKzlWuPeM23hmHyNknQ-kWu1Pz5c_aem_J0Y-lN4gpjbPlMTDYRZeJQ

The link shows a blank page, like this one:

![Image](https://github.com/user-attachments/assets/0ad2e581-aabb-414f-840c-2bbfd053bb21)

The fix is adding this CSS to the `.content__body` class, so the text content in the URL doesn't expand the `

` tag, breaking the site's markup:

```
overflow: hidden;
max-width: 100%;
```

The file that needs to be modified seems to be this one (`index.css`):
https://github.com/MetaMask/phishing-warning/blob/47b40918912b859df76d1b091bd9120856a53d08/static/index.css#L148

Contributor guide

No contributing guide indexed for this repository

Research direction

Open static/index.css at the .content__body rule and reproduce the blank warning page with the long blocked URL from the issue. Verify that long URL text no longer expands the page layout and that the warning content remains visible without overflow.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.