liyasthomas / banner Goto Github PK

Describe the bug
Entered text not displaying on the downloaded image.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://liyasthomas.github.io/banner/'
2. Click on 'edit me' and enter something
3. click on the 'Download' button
4. Open the downloaded image
5. See error

Expected behavior
The entered text should be displayed on the image.

Screenshots

Desktop (please complete the following information):

• OS: [Linux]
• Browser [Brave]
• Version [1.32.113]

Great tool
i wish you add option to import fonts from files and import icons

Instead of a fixed color picker, support to add gradients could be added at all color pickers.

Describe the bug
Circle Dot in the downloaded banner image while using Grammarly extension.

To Reproduce
Steps to reproduce the behavior:

1. Grammarly chrome extension installed. https://chrome.google.com/webstore/detail/grammarly-grammar-checker/kbfnbcaeplbcioakkpcpgfkobkghlhen
2. Go to https://liyasthomas.github.io/banner/
3. Create any banner/random
4. Click on download
5. See error

Expected behavior
See a green circle in the place where the Grammarly extension was present in the final downloaded image.

Screenshots

Banner.png

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome
• Version: 105.0.5195.102

Describe the bug
Editing the title text of the banner does not work on iOS safari.

To Reproduce
Steps to reproduce the behavior:

1. Go to the app on iOS safari
2. Click on the title
3. Attempt to edit the text
4. Nothing happens

Expected behavior
A cursor should be shown and the text should be editable.

Screenshots
If applicable, add screenshots to help explain your problem.

Tablet/Phone

• OS: iOS
• Browser: safari
• Version: 12.4 (Beta)
• Device: iPad 6th generation

A thin white line appears when the banner is downloaded.
When I download a banner a thin white line appears in at the bottom of it.
Maybe its picking up some default background css I am not sure. This is much prominent on the darker shade of background colours.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://liyasthomas.github.io/banner/'
2. Click on 'Randomize' or make your custom banner from the available options.
3. Click on 'Download'
4. Open the image from the downloaded location and you'll notice the line on the bottom.

Expected behavior
The background colour selected during customizing or using the 'Randomize' button should cover the banner background completely.

Screenshots

Desktop :

• OS: Linux Ubuntu 20.04
• Browser Chrome Version 91.0.4472.77

I would really like an option in the right hand side which lets me blur the background image that I've uploaded but not the text.