Comments (11)
Happening the same to me with lists. I'm using safari @steven-tey
from novel.
Update: This looks like a Safari CSS bug (unrelated to Tiptap) – I suspect it's something to do with the code here: https://github.com/steven-tey/novel/blob/main/ui/editor/index.tsx#L139-L157
Ooooh I can repro
This is super weird, lemme look into it.
from novel.
@steven-tey how about setting the width of that container to the same width as the editor? It would be a workaround to hide this UI bug
from novel.
@steven-tey Will do 🙌🏻
from novel.
@z4nr34l feel free to go ahead and make the PR - haven't been able to allocate some time here 😅
+1 to shadcn ui btw
from novel.
What browser are you using?
from novel.
Still couldn't figure it out – looks like a weird Safari bug :(
from novel.
@acubesa sounds promising! Wanna PR? 👀
from novel.
@acubesa please ping me when you will be fixing it, I will add a few lines to your PR - if we clean component's styles a bit this issue will not exists.
@steven-tey What you think about migration of this demo to shadcn-ui? :D
from novel.
Update: Demo UI/UX layout is almost ready, I'm currently just making it perfect.
![image](https://private-user-images.githubusercontent.com/5320734/252758736-f534c546-7aff-43e2-967a-b2f3f7f6858c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTUzNzc5NTQsIm5iZiI6MTcxNTM3NzY1NCwicGF0aCI6Ii81MzIwNzM0LzI1Mjc1ODczNi1mNTM0YzU0Ni03YWZmLTQzZTItOTY3YS1iMmYzZjdmNjg1OGMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDUxMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA1MTBUMjE0NzM0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZDYzNzQzMTlmNTk0YzNiMmYzNjA4OGJmMTM2M2MxMjBmY2VlZGQ4Y2M5NDg2Mzk3YzQwMjZhYzE2OWEyYTZmYiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.UZKHWFpsapbELlGFqBaqxoHETJPimHcFUI0NMMIIke4)
I will add PR as soon as I would have it done 100% - maybe even today :D
Update 2 : Do you like new slash command design? :D
![image](https://private-user-images.githubusercontent.com/5320734/252765091-514a39e3-d5b5-496e-a878-4f5f0c6bfa2c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTUzNzc5NTQsIm5iZiI6MTcxNTM3NzY1NCwicGF0aCI6Ii81MzIwNzM0LzI1Mjc2NTA5MS01MTRhMzllMy1kNWI1LTQ5NmUtYTg3OC00ZjVmMGM2YmZhMmMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDUxMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA1MTBUMjE0NzM0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ODNlNDdjNzJiMTBmMTY0MzA1YWM0ZjA0MzhmZWY5OTFiNjBmNGFhMzhmYTA0ZjViNzVmYjIyOWZjNGFiMWFlMCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.N4rNkTZE9Kf7RaBZlDi3VGPgOraMQd8b6Ak4grkVeeI)
from novel.
PR is waiting :D
from novel.
Related Issues (20)
- feat: Add image by link & embed video by iframe or link from Vimeo/YouTube HOT 2
- feat: Updated Drag Handle
- bug: ++ is not working on demo HOT 2
- bug: #361 caused a regression of #350 HOT 3
- bug: Please update the docs as per the latest published version of package 0.3.1
- bug: slash command isn't scrollable or clickable with mouse
- feat: high-light syntax on a code-block HOT 1
- feat:
- feat: Overwrite the `simpleExtensions` especially the markdown config HOT 3
- bug: cannot remove a selected link in the bubble menu
- bug: yarn novel can't find novel/extensions module HOT 1
- Need help running the example.
- feat: table support
- TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))bug: HOT 5
- feat: Can drag custom react components
- Can't access to the editor instance to change content programmatically HOT 2
- ⚠ TS Errors need to be fixed on null of editor for lastest version of Novel HOT 2
- 🐞bug: editable={false} doesn't prevent editing content HOT 1
- feat: Possibility to await a slash command and display a loading spinner?
- feat: Easy way to reference the editor outside the EditorContent HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from novel.