phuocng / phuocng Goto Github PK

Description
The zoomTo function called by an event caused the gap on the top of the page.
Preconditions:

• initialPage is 2;
• defaultScale is 1
• scrollMode is 'Page'

Steps to reproduce:

• Trigger the zoomTo function by a webSocket event.

Actual result
The gap in on the top of the document. The old updateOffset value was passed to the scrollTo function.
Expected result
The page is magnified and scrolled to the top.

Hi, I would like to implement a paid version of the pdf viewer in my application. If i purchase your product, will i get ongoing support to add new features and to know about existing ones.

Hi Phuoc, thank you for writing great articles.

I was checking out your post Get or set the cursor position in a contentEditable element. And I found a html tag was wrong. It should change button to span as the image below shown.

Once the tag changed into span, the thing was getting interesting. The number of the position would become incorrect. As my case, it would be 16 while the caret was at the very beginning of the article.

https://phuoc.ng/collection/react-drag-drop/snap-a-draggable-element-to-a-grid/

Hello, I hope you are doing good.

I have this project in our company, we are creating a comics web app and we opted to use your product as the document viewer. However, I faced a challenge with the zoom function from defaultLayout. It works on Android 12 and below. I had to implement a custom button to request the full-screen web browser API.

I also have trouble getting/customizing the default layout toolbar more action

Hi Phuoc.

Just to say what a great collection you have. I found your Autocomplete solution via Google and it's great. I always strive for simplicity and I found other similar solutions where people use so much code for something quite straightforward, and then I found your excellent example :)

Now to my question. Why do you use mirroredEle in this solution? First I thought that you use it to show formatted text, ex to highlight replaced words with css. Can you explain your idea behind it, thanks?

const defaultLayoutPluginInstance = defaultLayoutPlugin({
toolbarPlugin: {
fullScreenPlugin: {
getFullScreenTarget: (pagesContainer) => pagesContainer.closest('[data-testid="default-layout__body"]'),
renderExitFullScreenButton: (props) => <></>,
},
},
});

As stated in the document, I can add the toolbar in full screen, but the sidebar that appears in normal view does not appear in full screen. I need a solution urgently.

Hello,

First, thank you for building such a great tools!

I am interested in using React PDF Viewer, but I have to verify two points:

• Does it collect, store, or track any user data ?
• Is it EU RGPD compliant ?

Thank you in advance.

Hi,

This is not an issue, but more a question for a feature request. Is it planned to support gesture zoom on mobile devices ? Or could I use a library like React Zoom Pan Pinch to achieve this ? How would that interfere with current zoom functionality ?

Thanks,
Razvan.

Hey, nice article! I don't know where else to submit this, thought it might be a good addition to make the keyboard show only digits when using it on mobile. I read the article on my phone so I noticed my keyboard not playing nice when trying the demo.